优秀设计和杰出设计之间的区别是比拟小的。普通人可能无法解释阐明杰出的设计的详细差异,但他们能够找到本人喜欢的网页设计作品。经过对照一下几个 优秀作品,我总结了一下作为杰出设计的几个细节差异。
一、合理运用突变
突变不要滥用,更不要把突变弄的跟彩虹似的,否则你的网页作品看起来比拟外行。总而言之,合理的运用突变关于优秀网站设计是有协助的。
突变、散景分离运用
Newism网站颜色丰厚,但奇妙的突变与背景在视觉上分离的很到位。假如你也有兴味在photoshop里面做这个散景效果,能够去Abduzeedo’s tutorial网站上面学习一下。
突变、投影、纹理分离运用。
OnWired网站应用了这些设计技巧,显而易见,他的设计作品效果是很棒的!自始自终OnWired网站设计在应用突变、投影、质感这方面是恰如其分 的。我也特别喜欢设计师设计的这些。
二、留白
留白一词常常容易被误解从字面解释的空白。网页设计较为精确的描绘则是网页各个板块元素之间的空间范围。进一步剖析看看A List Apart是如何定义它 的。
“留白”关于
网页设计是很重要的,留白不至于让你页面元素都堆积在一同。关于年轻设计师来说留白可能是一个大问题,他们在做设计的时分将整个页面放的满满 的,没有给页面足够的“呼吸空间”。这关于他们来说可能不是什么问题,假如内容放不下的话,他们能够借助阅读器的滚条来扩展页面的空间。
优秀的留白与巧妙的分割线
Snook网站规划方面设 计的是比拟合理、舒适的。同时留意一下,网站里面的虚线将各个板块辨别开了,这样我们在阅读网站的时分就了如指掌了。
笼统图形
沙发采用笼统、美观、简约的办法。经过运用无背景或杂乱的图像,给阅读者的空间 是流利、舒适的。
三、网格规划
网页设计的网格规划最初的灵感是自创了报纸的排版。但是假如你认真察看四周的事物都能够找到网格现象,从好的设计到生活中的交通网。
960和蓝图可能是两个最盛行的网格规划。我个人比拟喜欢960网格规划,它简单、重点 突出。你能够用恣意对齐方式来布置你网站的元素,对齐在设计一个复杂的页面时,能使你的网站看起来比拟精致、有条有理,并且你在网页规划里 面添加任何模块内容时分都不用思索其他的模块内容。
综合运用网格规划
Poccuo网站综合运用了网格规划,它 采用3列和5列相分离的规划方式。给人以视觉吸收力和视觉空间。
博客采用列规划
我比拟喜欢Web Design Ledger首页最上面的展示方式,他把最新的公告内容放大同时放到页面最顶部,其他的以3列的方式排列。
大量运用相等的列规划
Ecoki漂亮的网页规划显而易见采用的是4列、2行规划,同时幻灯片、缩略图、最新的审 查也是采用相同的方式。
四、改善字体应用
字体应用搅扰着大多数的设计师。假如要想进步你的设计程度,字体在其中扮演着重要的角色。不但在可读性方面也扮演着重要的角色,同时还能够增加设计作品的 气氛。
用比照字体惹起关注
SimpleBits网站在应用各种比照 字体引导阅读者的留意力方面做的很棒。字体比照能够采取不同字体比照、各种颜色比照、字体大小比照等方式。
不要以为字体就像标志
这个网站看齐来就十分的漂亮、舒适,但你能够说出你的想法和感受来描绘这个觉得。特别在间距、字体选择等字体应用这方面做的挺圆满的,我就被他的logo 字体应用迷住了。
五、明白而有效的导航
良好的导航关于网页设计来说很重要,假如阅读者不能快速、便利的找到它,他们就很有可能去别的网站了。这是我们所不愿意看到的,同时我晓得 MyInkBlog停止了一些改良,并将在以后重新设计中停止彻底的改良。
博客导航下面显现分类导航
在大多数状况下,博客导航放在页面的同时将分类作为第二导航放在页面的边栏。Tutorial9做 了一件了不起的事情,他把阅读者关怀的photoshop资源以生动的方式展示出来了,并且在鼠标经过二级导航的时分有一个高亮效果。
切换不同的图标效果
图标切换效果在web2.0网页设计里面无论能否需求被大量、胡乱的应用,并且成为一种趋向。并不是一切的都是不好的,web2.0里用的不好的缘由是过 度运用、业余运用形成的。在大多数状况下,恰当的应用图标切换按钮是相当有效的。Carsonified网站在导航上就运用了单色、简约的图标切换效果, 并且于他的网站整体觉得想吻合。
六、运用漂亮适用的页脚
一开端我们就将页脚作为次要的内容,在页脚里面放置一些没有多大用途的内容。在设计的时分仅仅破费一点点心机在它上面。如今页脚关于整体设计来说变的越来 越重要了,千万别错过好的页脚完成你设计。