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