一个主观上很想多多学习的设计新手在工作中常遇到的状况应该是…没人愿意教!(ps:传统思想告诉我们 “教会徒弟,饿死师傅”,所以新人们的如此遭遇也无可厚非;But…另一种可能性是…师傅真的很忙!)

Anyway,今天为菜鸟们奉上关于网页 UI 设计的 10 条适用法则,希望能让大家脑洞大开,在设计中得到帮助和启发。

一、纠结的时候,让自然为您做决定!

遵循自然规律的设计总是因为贴近万物本源而受到更多人的宠爱,因此,当您举棋不定的时候,您可以选择将设计代入大自然定律中,让自然为您做出知名的决定。比如,现实和自然告诉我们,光源来自天空,在人们也已经习惯了这种由上至下光线来源的时候,设计师需要做的应该是能顺应多用户视线的光线设计。

二、脱离色彩诱惑,能真正看清布局设计

色彩对人类视觉的冲击力能产生大的效果;一个网页的多用户体验是否合格,从色彩和布局上就能看出一二。但在色彩的 “陪同” 下,布局的好坏与否似乎就此被 “矮化” 。为了让设计师在设计时能更加清楚的审视网页布局,去色或是 “灰度模式” 的使用也许更有利于新手的布局设计工作。

灰度模式:

没有了色彩 “打扰” 之后的网页布局一旦能够让自己满意,再按照色彩理论或是个性喜好新增和更改颜色。

想呈现您关键的内容,推荐:《吸睛大法!有哪些方法可以突出网页中的关键内容?》

三、设计感是 “留” 出来的!

大胆留白是设计概念中常常会提到的理论,但真正能根据理论具体落实的设计师却为数不多。可能是因为设计师胆儿不够大(PS:怕被客户喷死,“您是不是偷懒啊!怎么内容那么少!您到底有没有认真做设计啊!@#¥%……&*!”),另一种可能是没有在实际中领会到留白的美妙。

网页设计中的留白是为了在有限的容量中预留一些让其中元素呼吸的负空间,并不是一种所谓的 “偷懒” 行为。大片留白在国内市场中极有可能面对各种不满,但小范围的留白却能很有效的提高整个网页的档次。比如网页中图片与字句之间的间距,只要留出两倍及以上的间隙,整体都会展现出令人眼前一亮的简洁感。

四、试试把文字直接放在图片上

这种设计手法看起来很简单是不是?但要用这种方法设计出一鸣惊人的网站就有一定难度了。在应用过程中,为了不破坏网站的多用户体验,有几点可以特别关注。

文字的颜色尽量使用白色,让网页看起来更大气;因此,网页背景图的色系选择以暗色为主;更细致的话可以再不同的解析度下进行除错,保证在所有的情况下文字或主要内容都是易于辨识的。

五、关于字型,适合比新颖更重要!

“坚定求新” 是很多设计师的职业病,其实,在任何事件中,适合,比什么都重要!

在网页字型的应用中,形形色色的字型样式会让设计师不知如何是好,设计师也许会因此挑花了眼,也许会始终在常用的几种字型中互相转换。而关于字型的选择,设计师应该根据图片中的某些元素作为灵感,以此在网页中自然地形成隐形线索。
六、只有强弱并存才会获得对比

用强弱的对比展现重点突出是设计中强调内容自然的方式。比如背景图的弱化,加上清晰的文字或图案,网页会因此营造出以后总别致的唯美效果。如果图片比较单调,也可以在背景和文字的中间新增一些透明度较高的线性几何成分,让页面丰富充实起来,也让整体不再单薄。

运用好对比的具体方法:《设计基础功!帮您彻底掌握设计四大原则中的对比原则》

七、您需要一双善于发现的眼睛

身边的一切都可能随时为您带来灵感,千万别吝啬您的眼睛!

每一个细小的部分都有资格成为您的设计元素,您应该让它们产生一些小改变,它们就会让您的设计大提升。滤镜?几何?每一种效果都需要您的尝试。

八、桃红色& 浅橙色!她们才是真正的百搭色!

粉嫩的暖色系色彩一直会被误认为是很难用的颜色,当这类色彩被混杂在五颜六色的 “调色盘” 中的确够难搭配,那不妨尝试一下在单色背景中使用她们,无论是稍作点缀,还是设定为主色调,您都一定会发现其中的不张扬魅力。

九、导航是网页中重要的设计

导航可以说是整个网站中重要的设计,多用户体验舒适与否很大的决定权源自于此。对导航设计的理想评价应该是 “召之即来,挥之即去” 。幽灵按钮、汉堡图示和无线框纯文字设计都是好导航的常用设计手法。