提升网页设计品质的七个技巧


提升网页设计品质的七个技巧


“高品质”是所有人追求的目标,在网页设计的世界中也不例外 。不过何为“品质”,如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品质焦点的方法 。一旦你了解到如何判断一项高品质的设计究竟好在哪里,你就掌握了让自己的设计更趋完美的大量技巧 。
接下来我会给大家列一些要点,并附上相应的例子,与大家分享我在别人的网页设计中寻找“高品质”的过程 。
1、留白
在好的网页设计中我最留意的是那些对设计元素之间留白的聪明运用 。留心不同内容区块之间的间距和排列方式,能让你的设计的整体感官大不一样,从而提升设计的品质 。
我觉得处理好留白的关键是从整体上感知设计元素 。把设计稿缩小观看会是个好办法 。
高效控制留白的技巧
各种不同情况下,留白要求都不尽相同 。你需要不断训练自己,做到对留白所能带来的改变时刻心中有数,从而有效地利用留白满足设计需求 。这要靠个人感觉的,不过都能从实践中锻炼出来 。
·使用网格辅助设计:利用网格当然能帮助你理解元素之间的空白 。
·不断尝试:不断尝试—失败—尝试,直到找到最佳方案 。
·留白并不是浪费空间:空白并不总是等着你去填充的 。
·没错,少就是多:与其用尽心思填满某个区域,不如就把它留空,只保留至关重要的信息就好 。
2、像素级的完美
有一个方法能够看出某人在完成一项网页设计时是否真的用心了 。有时候创造奇迹的就是一些小细节,一些别人几乎无法察觉的细节 。我所说的“像素级的完 美”就是指在线条、边缘和边框描边上仔细推敲 。与其就用一条单一的线,不如多加一些细节 。细节可以是细微的渐变,也完全可以只是一条1像素宽的细线(用作表现阴影或高光) 。有了这些细节, 你的设计会大不一样 。有些设计师在这方面特擅长:Collis Ta’eed,David Leggett以及Wolfgang Bartelme 。
完美细节小贴士
要在这一技巧上达到完美,不断的实践尤为重要 。如您所见,一条1像素线这么简单的东西就能给设计添加非常酷的深度感 。你甚至不一定要用到那些倒角或渐变,费尽心力做一些实实在在的置于某对象之上的效果 。
·一定要注重细节:小细节完善内容感官是关键 。
·思考像素级问题:描边、渐变、线条、阴影等等,不用太宽大也能有效增强设计
·前后对比:应用效果后注意与没有这种效果之前进行对比 。如此你就能知道这些细节到底带来了哪些改观 。


3、文字排列与字体选用的诀窍
尽管设计师大都不会亲自撰写网站的实际内容,不过他们对于内容的整体品质仍然至关重要 。设计师的作用就是要保证内容的展现方式足够易读 。
网页设计中字体选用的快速决断
看了上面这么多好例子,将来你选用起字体来应该会更加得心应手 。不过,为什么他们给人的感觉这么好?下一次在你自己的设计中,你又该如何运用?
·是否可读?不要怕尝试粗大的字体
·你可否考虑过间距?间距对于可读性有很大决定作用
·你的字体带给人什么情绪?确保字体选择适合你的设计风格
4、元素的组织
设计师这一职业对很多人都有吸引力,因为那些制造创意的过程,实在是十分有趣 。我知道组织内容的过程就没有那么有趣了,不过一旦你养成了组织内容的好习惯,你就会发现其实它也没有想象中那么枯燥 。组织内容的方式总是需要看情况而定,比如说,这站点是什么类型?某项特定内容在页面上的重要性如何?

推荐阅读