分享UI设计准则

来源:设计经验分享网
添加时间:2024年02月
作为产品经理,了解一定的UI设计准则是十分必要的。
接下来深圳网站建设科技小编为您选取一些我个人认为十分有用的规则进行讲述。
保持一致的原则
定义阐述
让我们在页面同个结构摆放相同的信息和控件,可以减少用户的思考时间,从而利用惯性选择自己需要的相关的控件,大大减少操作成本。不同页面上提供的相同功能的控件和数据显示应该摆放在每一页的相同位置,而且应该有相同的颜色,字体跟阴影等。这样子的一致性能让用户很快地找到跟识别他们,减少误区。
实例阐述
例如在一个网站中,如果其中一个网页的提交按钮跟其他网页的提交的按钮做得不一样的话,将会大大增加用户去寻找该按钮的操作成本以及相对应的思考的时间。
习惯性原则
人们在对于一个判断,刚开始会有相对应的抵触心理,即对问题的题眼会相对应来说比较敏感,但是越是到了后期人们越容易放松警惕,对题目的类型也将不会那么的敏感。
因此,如果一直点击某个位置的具体按钮,到后期这种对该按钮的敏感程度会逐渐降低。我们可以利用这个特性将重要的东西放到流程的后面进行展示。
比如说我们在下载某款产品的时候,等到下载完成之后,弹出框会默认勾选一些用户会有抵触的东西,如果下载的是浏览器该类的产品,则会弹出默认勾选该网页为默认浏览器,或者像用户注册流程的注册条款,也是默认把一些让用户不舒服的元素放在最后的步骤进行勾选。
接近性原理
定义阐述
物体之间的相对距离会影响我们感知他们是否以及如何组织在一起。互相靠近(相对于其他物体)的物体他们看起来像是一组,而那些距离较远的就不是。设计者们就是利用这一种原理使用分组框或者屏幕上的控件和数据显示分隔开来。从而使得整个画面看起来会比较清楚和有条理性。
深浅度原理
两个颜色越浅,越不饱和,就越难把他们区分开。比如说白色跟米黄色,蒂芙尼蓝跟浅蓝色或者浅绿色,由于这些颜色过于接近以及饱和度都不高,如果将这些颜色运用在选中状态和未选中状态,当前步骤和非当前步骤的状态,那么用户就在视觉上面没办法进行一个明显的判断,无法分清哪个是在当前下进行,哪个不是在当下进行。
因此,如果跟你共事的UI是半路出家,或者对自己的专业没有研究很透彻的话,使用这种难以识别的颜色做流程的话,你作为PM大可硬气的跟他说:根据色块深浅度原理,你这样子做是特别不合理的。
难以辨认的书写和字型
对比研究表明,有阅读技巧的人在读大写文字速度的内容比阅读小写文字内容的速度慢10%-15%。当前研究表明说明,这主要是缺乏阅读大写字型的训练造成的。空心轮廓线的字型让特征识别更加困难。
封闭性原理
我们视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的物体而非分散的碎片。因此,我们将分散的弧形感知为一个圆:描述一叠对象构成的整体又或者是抽象物体的两种表现形式。
主体/背景
当一个小的物体与更大的色块重叠的时候,我们倾向于认为小的物体是主体而大的物体是背景。当物体重叠时,我么我们把小的那个当作是背景之上的主体如弹出toast的时候,用户注意力焦点的内容临时成为新信息的背景,新的信息短暂地作为新的主体。
菲茨定律在设计中的应用:
目标(图形化按钮,菜单和链接)要足够大,容易让人么点到,不要让实际可点击的对象至少跟看起来的一样大,不要展示大的按钮但只有很小的点击区域接受点击,这边的例子如在勾选框单选框和切换开关等控件的文字标签中,我们应该让他们像控件本身一样是可接受点击,从而扩大点击区域,使得用户的体验更好。
将重要的目标放置在靠近屏幕边缘的位置,这样非常方便人们点击。如我们的删除ICON。
引导定律
沿着受限路径移动指针。指针在一直受限的路径移动并移动到达目标,那么路径越宽,你觉越能越快地将指针移动到目标。路径宽意味着不必小心地移动指针,就能以迅雷不及掩耳地快速移动目标。
 

平面设计相关资讯推荐阅读:


黑客利用php漏洞对外发包引发服务器瘫痪的解决方法怎么建设装饰装修网页深圳福田商业网页设计,响应式网页设计的优势与缺陷有哪些中文域名、cn域名、通用网址有什么区别百度冰桶算法再升级:4.0正式来临网页设计风格主题怎么确定响应式网页建设或成为当代主流什么样的网页内容能快速传播站点的优化直接受网页设计根基的影响“三项举措”强化大、中队网页建设及日常维护婚纱摄影网页设计方案要考虑到的要素是啥网页设计中底部设计的内容掌握网页基本建设的五大基础知识防止找不到方向网页建设如何才能够吸引用户如何利用问答推广JoomlaSEO的服务深圳网页建设的成本应该如何划分网页建设精髓是什么如何经营自己的网页你知道多少搜索引擎的知识 公司网页设计哪里有如何做好企业网页的设计制作网页设计和网页制作有什么不同深圳网页建设中美观的网页需要满足几个要求深圳网页设计:基本步骤,一看就明白软件定制开发的关键!这些你都知道吗深圳企业网页怎么玩出新设计手机网页建设如何进行维护干货:营销型网页建设的基本核心如何挑选网页建设公司看此攻略!企业用户对网页建设有何重要性设计良好的导航系统是网页的关键网页“抓取异常”问题,怎么解决网络营销中的利基市场是什么-深圳网页设计分享外贸网页制作过程中需要注意的几个方面网页建设怎么做才有更好的效果微博营销之路关键点在哪如何设计一个更吸引眼球的网页首页网页开发费用价格为什么有差异龙华网页建设应该避免的几种设计方法网页修改标题会影响搜索引擎的排名吗响应式网页房地产网页如何提高对顾客的黏着力网页主题应如何定位深圳网页建设中网页与网页之间的联系与区别企业网页高端建设并非是你认为的“高端”网页关键词要如何优化实现快速排名设计合理的页面企业网页建设要注意哪些问题偏门行业如何做好网络营销网页BNANER设计的方式有什么网页设计应该迎合用户浏览习惯 对新手网页设计师有哪些建议和忠告电子商务网页设计的重要原则2020年企业如何推广自己的品牌呢手机网页基本建设一般全是怎样收费的网页网页设计的细节问题企业处理网页建设策划的几个误区网页建设页面对称性为什么失之毫厘谬以千里怎么才能做好小企业网页建设怎么做网页设计才能达到好的效果
网站备案号:豫ICP备2024041165号