网页设计很糟糕的10个原因-UI设计 PS-优质IT资源分享社区

yutingzhidong
总版主
总版主
  • UID2
  • 粉丝19
  • 关注1
  • 发帖数11
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:187回复:0

网页设计很糟糕的10个原因

楼主#
更多 发布于:2016-06-14 11:55


    杰出的页面规划是件很难完成的工作。一个好的页面规划,不只招引眼球,也是有用的、直观的、层级简略却满足杂乱到坚持用户的兴趣。字体、颜色、空白与内容间的完美平衡能够构成一个十分好看的规划,你的用户也会再次回来。而一个坏的页面规划,会把你的用户从你的网站上赶跑。 在规划一个页面时,有很多当地会让很多规划师误入歧途。在本文中,我们会评论让你的页面规划很差劲的10个因素以及怎么处理它。
1、没有满足的空白
空白能够说是规划中最主要的一有些。它有助于避免用户在阅览网站时变得疲乏,它能够在内容中划出间隔,并且它本身也看上去不错。空白不是必须用白色的,而是,它仅仅是为别的规划元素供给间隔和缓冲的空间。
2、太多的字体
通常一个简略的页面规划,通常字体不超过3种。多则乱
3、太多的颜色
布景一种颜色,内容文本一种颜色,连接一种颜色,页头和lightbox一种颜色,图画和页脚各一种颜色。这极好,由于它协助区分了有用的内容。可是,多重渐变、几种艳丽的颜色和很多有鲜明比照的颜色及饱和度,会损坏你网站的层次和空白概念。测验限制自己只用一种艳丽的颜色(如蓝色),再调配反相的单色(白、灰、黑)以取得一个美丽的调配。这儿强调下豆瓣的配色。也是我喜爱的颜色调配。
4、没有内容层次
用户的双眼喜爱有次序的规划,如头部包括导航和LOGO,特定内容运用lightbox,三列分栏,页脚。它有助于在心里安排主要的信息,并引导用户留意在你想让他留意的当地。在传统艺术中,菜鸟们被教训颜色、价值和线性透视三原则和别的艺术辅导。在页面规划中,没有特别奉行的原则,但以直观的方法安排你的内容是一条极好的经验规矩。也是多年培养的用户习气。终究习气即是终究用户。当然一成不变不是我们所鼓舞的。
5、不思考用户的分辨率
你的屏幕分辨率有2560像素,这十分好。但很多人还在屏幕上用1024像素的分率,有些还在用640*480或800*600。尽管这种分辨率的显示器正在削减,但选用更小的分辨率的手机设备也来了。如今的页面规划宽度标准是960像素,尽管没有照顾到每一种分辨率,但在主流分辨率上能够出现的最佳。假设你期望面临很多的手机用户,最佳思考一个手机版规划。
6、比照的疑问
你思考过阅览黑底白字和白底黑字的不同吗?你有没有试过阅览一下白底灰字?有些方法之所以比别的的非常好,其因素即是这是一种双眼感知到比照的方法。假如你很难舒畅的阅览文字,思考一下改动字体巨细或方法。变成一个大师级页面规划师的诀窍:比照,比照,比照。
7、同一件工作做的不够多,或做的太多(过犹不及)
多重导航十分好,如一个在页头一个在页脚。在页脚加一个”回来顶部”的按钮也极好。可是,太多指向同一目标的路径会下降可用性。让你的奶奶用下你的网站,假如她搞不定,想想哪些东西让初次拜访的用户回绝运用这个网站。
8、不一致
一致性是页面规划的关键。它是把页面规划安排在一起的方法,能够创造一种紧密结合的感受。在网站页面相互连接的情况下,它能够协助用户把一切页面都联络在一起。假如你在全部网站继续改动字体、巨细和颜色,用户很快会觉得手足无措。
9、没有满足的文字间隔
与空白有关,文字间隔有两个有些,一个是字距(这个不能用CSS直接调整,能够经过一些高级技能处理),关系到字母之间的空白。一个是行距,能够用CSS直接调整,关系到两行文字之间的间隔。这些有助于区分行与阶段,运用户更容易阅览文字。
10、匮乏的尺度巨细
标准做法是h1的文字大于h2的文字,头部文字大于阶段文字。尽量坚持一致的尺度,由于它有助于一致性(第8条)和内容层次(第4条)。坚持文字的可读性,但不要太大,让字体的巨细体现信息的主要性。还有,10像素以下的尺度对很多阅览的人来说太小了。

 
   
   







[font=Tahoma  ]优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

微信小程序开发

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客