页面设计
-
提升视觉张力tip,高对比图片
当你想要在页面设计项目当中使用色彩叠加这种方式时,要清楚置於页面底层的图片与视频同样都需要重视。一张看似平凡普通的的图片,其实只要合理地使用色彩叠加或者渐变色风格使用,都会达到不错的吸睛效果。但是若…
-
超赞!像素化设计
摩登复古风格的页面设计趋势,能够有效地激发用户浏览和操作的欲望。同时为用户带来不仅仅是视觉上的享受,同时也增强了用户体验。 突出简约 像素化的页面设计形式,与如今流行的简约风格能够很好地配合,色…
-
常见出错:过滤以及分面导航
过滤以及分面导航对於页面设计来说,最突出的优点是有助於提升用户体验。因为它们能够帮助用户排除浏览和操作过程当中的干扰因素,迅速找到准确的搜素结果。 但,要注意的是,不要随便给页面设计项目加上这两种工具…
-
用户体验设计掉过的坑:增加成本
一旦设计得不当,明明是想提升用户的愉悦以及骂你程度,却反而很可能会破坏到可用性或者易用性。比如,一些元素尤其是功能元素,为了突出其设计感而过度创意,用户的认知成本提升,自然交互体验就会下降。 常见的有…
-
优秀的错误页面设计一般包含三个方面
如何有效降低使用者输入错误 1、在恰当的时机以及位置上告知使用者出现了错误 2、给错误的页面资讯使用合适的、突出的颜色 3、用简明的文字对错误进行清晰的描述 要注意的是,用户并不喜欢填完一个长表单之後点击提…
-
两种趣味十足的页面清单设计形式
字母标记卷轴 这种清单设计模式简单来说就是以字母的方式进行排列,在清单上使用英文字母的方式作为清单的卷轴。一般出现在用户不知道列表专案的完整名称中的页面设计需求使用,以此可以帮助用户快速地进行…
-
为何你的页面成品与设计稿差别大?
以原生的体验类比 很明显,原生的页面体验会比较流程,尤其是APP产品页面设计,视觉效果上也会比较华丽。因此很多设计师会尽量地向原生体验靠拢。但是要实现起来,其实很困难。很多APP产品页面设计的体验换…
-
浅谈页面中的载入动画
首先,我们得将页面设计当中需要使用的载入动画规则写出来。比如设定好动效运动的运动时间,除此之外还要将动画的动作进行分解输出,以及动画的大小、颜色等相关的资讯都要明确。最大程度上保证了动画的还原度! 除…
-
载入动画常出现的三个场景
下拉刷新 下拉刷新能够让使用者在查看本地资料的同时去重新载入资料,这种方式能够确保使用者常常看到最新的内容。以此提升用户体验!下拉载入一般分为两种形式:文字+动画,纯动画。 切换新页面时资料的载…
-
什麽是页面的空间共用式排版
如今,空间共用式排版是页面设计当中比较容易识别的方式。最为典型的特徵是文字或者相似的元素横跨多个图层、模组或者区块。 从广泛意义上来讲,这种排版的方式核心概念在於,某个元素和其他的元素拥有着共…
-
这四个细节,使用者有哪些独特的视角?
对於页面设计来说,使用者更在意的是他们是否可以快速地打开网页、完成输入、进行操作等等。因此,下面四个常见的细节设计,抛开设计师的视角来看,其实使用者的真实需求是: 排版与字体 对於页面资讯内容的…
-
页面设计太沉闷试试这两种技巧
第一种,对现实的虚拟 很适合游戏类型的网页设计项目,能够为用户打造真实的游戏参与感,从而提升用户体验。当然,这种方式很考验页面设计师的设计技巧,因为目前还没有很好的设计原则去遵循。 第二种,新的…
-
卡片化和无边框
对於页面设计来说活,卡片化的使用有很突出的优越性和合理性。尤其是移动端设备的萤幕尺寸越来越不可预期,设计上急需某种设计手段让页面设计能够使用不同尺寸的萤幕。因此,卡片化的出现就是解决燃眉之急!…
-
长滚动页面的最佳实践——导航可见
让导航选项始终可见是提升长滚动页面设计形式的重要要求,因为长滚动页面设计形式对於使用者来说最大的障碍在於:使用者很容易在页面的流览过程当中迷失。而缺失导航应该是比较主要的原因,除此之外还有混乱…
-
浅谈长滚动页设计
长滚动页面以及无限滚动式页面已经彻底地流行开来,成为了页面设计的常规形式。这两种设计形式并不是巧合,当用户向下进行滚动的时候,所需要的内容与页面会自然地呈现出来,在此过程里通常不会涉及到额外的…
-
这两点会影响表单的可流览性
标签位置 不少的页面设计经验告诉我们,用户对标签顶部对齐的表单中所耗费的时间最短。因为这种方式大大地减少了使用者眼球运动次数。在通常表单标签设置中,右对齐的方式能让使用者也能很快帮助用户…
-
如何让表单输入格式更易於填写?
输入遮罩 説明使用者格式化输入文本的输入遮罩,虽然在外观上与提示文字比较相似,但其实并不一样。首先,遮罩只出现在用户点击输入框的时候,避免了一些常见的障碍问题。其次,输入的文字自动应用正…
-
两招提升表单页面设计流畅度
一、考虑使用浮动的提示文本 对於是否要在表单的输入框中加入提示文本有不少的争议,最主要体现在其中这点:当用户点击输入框,游标出现准备输入的时候,其中的提示文本并没有自动的消失,而需要手动…
-
网页进度条的设计特点
説明在使用者明确页面当中的程序正在做什麽,是否属於正常; 説明使用者明确当前的页面状态; 为用户的後续操作提供了充足的支援; 有明确的进程概念,和时间因素关联比较紧密; 进度条不仅仅是为了缓解等待的焦虑…
-
如何用好状态型进度条
页面设计使用状态型的进度条,一般为静态,表明当前所处的状态。 其实对於“状态型”的进度条使用,虽然经常被忽略,但不管是在实际生活中,还是页面设计领域其实都十分的常见。一般来说,使用这种类型的进度…