精良的网站设计是件很难实现的工作。一个好的网站设计,不只吸引眼球,也是实用的、直观的、层级简略却足够庞大到连结用户的乐趣。字体、色采、空缺与内容间的完满均衡可以组成一个十分美观的设计,你的用户也会再次回来。而一个坏的网站设计,会把你的用户从你的网站上赶跑。 在设计一个网页时,有许多处所会让许多设计师误入邪路。在本文中,咱们会接头让你的网站设计很蹩脚的10个起因以及怎样解决它。
一、没有足够的空缺
空缺可以说是设计中最首要的一部分。它有助于防止用户在阅读网站时变得疲钝,它可以在内容中划出距离,并且它自己也看上去不错。空缺不是必需用白色的,而是,它仅仅是为其余设计元素提供距离懈弛冲的空间。
二、太多的字体
普通一个简略的网站设计,普通字体不跨越3种。多则乱
三、太多的色采
背景一种颜色,内容文本一种颜色,链接一种颜色,页头和lightbox一种颜色,图案和页脚各一种颜色。这很好,由于它协助区别了有效的内容。可是,多重突变、几种娇艳的色采和大量有光鲜对比的色调及饱和度,会粉碎你网站的条理和空缺观点。测验考试限定自己只用一种娇艳的色调(如蓝色),再搭配反相的单色(白、灰、黑)以得到一个大度的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。
四、没有内容条理
用户的眼睛喜欢有秩序的设计,如头部包罗导航和logo,特定内容运用lightbox,三列分栏,页脚。它有助于在心里组织首要的信息,并引导用户注重在你想让他注重的处所。在传统艺术中,新手们被辅导色采、代价和线性透视则和其余艺术领导。在网站设计中,没有出格推行的原则,但以直观的体式格局组织你的内容是一条很好的教训规则。也是多年培育的用户习气。终极习气就是终极用户。当然一成稳定不是咱们所鼓舞的。
五、不思索用户的辨别率
你的屏幕辨别率有2560像素,这十分好。但不少人还在屏幕上用1024像素的分率,有些还在用640*480或800*600。尽管这类辨别率的显示器正在削减,但采用更小的辨别率的手机设备也来了。此刻的网站设计宽度标准是960像素,尽管没有关照到每回种辨别率,但在主流辨别率上可以显现的最佳。假设你但愿面临大量的手机用户,最佳思索一个手机版设计。
六、对比的问题
你思索过阅读黑底白字和白底黑字的差别吗?你有无试过阅读一下白底灰字?有些体式格局之以是比其余的更好,其起因就是这是一种眼睛感知到对比的体式格局。若是你很难惬意的阅读文字,思索一下改动字体大小或体式格局。成为一个大师级网站设计师的法门:对比,对比,对比。
七、统一件工作做的不敷多,或做的太多(矫枉过正)
多重导航十分好,如一个在页头一个在页脚。在页脚加一个”返回顶部”的按钮也很好。可是,太多指向统一方针的路径会低落可用性。让你的奶奶用下你的网站,若是她搞不定,想一想哪些东西让初度访问的用户回绝运用这个网站。
八、纷歧致
一致性是网站设计的关键。它是把网站设计组织在一块儿的体式格局,可以缔造一种严密连系的觉得。在网站页面互相链接的情况下,它可以协助用户把一切页面都接洽在一块儿。若是你在整个网站连续改动字体、大小和色采,用户很快会觉得手足无措。
九、没有足够的文字间距
与空缺有关,文字间距有两个部分,一个是字距(这个不克不及用css直接调整,可以经由过程一些高档手艺解决),关系到字母之间的空缺。一个是行距,可以用css直接调整,关系到两行文字之间的距离。这些有助于区别行与段落,运用户更易阅读文字。
十、窘蹙的尺寸大小
标准做法是h1的文字大于h2的文字,头部文字大于段落文字。尽可能连结一致的尺寸,由于它有助于一致性(第8条)和内容条理(第4条)。连结文字的可读性,但不要太大,让字体的大小浮现信息的首要性。另有,10像素如下的尺寸对大量阅读的人来讲过小了。