记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 157349|回复: 0
收起左侧

[UI教程] 网页UI设计三大黄金法则[含3P]

[复制链接]
发表于 2018-9-29 08:51:04 | 显示全部楼层 |阅读模式
奇数法则
今天我们来讲解一下在网页UI设计的时候经常遇到的三个惯例或者说是约定俗成的法则。第一个呢就是奇数法则。我们平常看APP底部导航的个数,基本上都是以5个居多,因为奇数3、5、7会有一个元素位于正中间的位置。视觉上能起到平衡并且有明显的视觉中心,而偶数是彼此都比较重要,没有明显的主次关系。看下图:



三次点击法则
第二个规律呢就是三次点击法则,就是我们要呈现的图文信息,要在用户点击三次以内含三次呈现到用户眼前,说白了就是层级不要太深,隐藏的越深越难以发现。层级太多用户用起来会很麻烦,而且下次再找也很难找到。我们在设计的网站的时候通常要加面包削,也是方便用户知道自己是从哪里进来的以及怎么出去。看下图:





黄金2秒法则
黄金2秒法则说的就是你要呈现的图文信息在页面上只有两秒的生存时间,举个例子,我们接到运营部门的需求要为线上活动设计banner。Banner要展示在网站首页,那么这个banner从用户打开你网站首页到鼠标下滑这段时间大约是2秒左右。因为现在的人时间都很宝贵,信息量巨大。碎片化时间严重,人们动动手指一个页面就被滑动上去了,也就是说人们现在看信息基本都是在扫读。先看大概,如果有被吸引的主题再看细节。那么你设计的banner如果两秒之内没有抓住用户的眼球,就算是失败的了。这就是近些年来出现的很多标题党的原因。为了点击量什么事都干的出来。所以设计的banner一定要有视觉冲击力,能在用户打开网站页面一瞬间就抓住眼球,点击进去之后实现转化。



今天呢,黑马老师带领大家一同学习并了解了在我们实际网页UI设计工作中应遵循和考虑的三个设计法则,希望大家能够借鉴!以上内容均提供视频教程网页UI设计-可试学

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:PS一分钟制作抖音点赞破百万的GIF动画
下一篇:AI绘制Dribbble风格手表图标教程
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )