当前位置: 网站首页 > 关于我们 > 其他下载

栏目导航

设计细节 网页设计从优 秀到卓 越

优 秀设计和卓 越设计之间的区别是比较小的。一般人可能无法解释说明卓 越的设计的具体差别,但他们可以找到自己喜欢的网页设计作品。通过对照一下几个 优 秀作品,我总结了一下作为卓 越设计的几个细节差别。
 
现在这篇文章有点像是上一篇文章的延续。在上一篇文章里面我们重 点讨论了对 比、重复、对齐、分割在网页中的应用。以下内容我以几个优 秀的网页作品作为实例,来说明卓 越设计一直遵循的原则!
 
一、合理使用渐变
渐变不要滥用,不要把渐变弄的跟彩虹似的,否则你的网页作品看起来比较外行。总而言之,合理的使用渐变对于优 秀网站设计是有帮助的。
 
渐变、散景结合使用
Newis m网站色彩丰富,但微妙的渐变与背景在视觉上结合的很到 位。如果你也有兴趣在photoshop里面做这个散景效 果
\
渐变、投影、纹理结合使用。
OnWired网站应用了这些设计技 巧,显而易见,他的设计作品效 果是很棒的!自始自终OnWired网站设计在应用渐变、投影、质感这方面是恰到好 处 的。
\

二、留白
留白一词往往容易被误解从字面解释 的空白。网页设计较 为准确的描述则是网页各个板块元素之间的空间范围。进一步分析看看A List Apart是如何定义它 的。
“留白”对于网页设计是很重要的,留白不至于让你页面元素都堆积在一起。对于年轻设计师来说留白可能是一个大问题,他们在做设计的时候将整个页面放的满满 的,没有给页面足 够的“呼吸空间”。这对于他们来说可能不是什么问题,如果内容放不 下的话,他们可以借助浏览器的滚条来扩大页面的空间。
 
优 秀的留白与巧 妙的分割线
S n ook网站布局方面设 计的是比较合理、舒服的。同时注意一下,网站里面的虚线将各个板块区分开了,这样我们在浏览网站的时候就一目了然了。

 
抽象图形
沙发采用抽象、美观、简约的方法。通过使用无背景或杂乱的图像,给浏览者的空间 是流畅、舒服的。

 
三、网格布局
网页设计的网格布局初的 感是借鉴了报纸的排版。但是如果你仔细观察周围的事物都可以找到网格现象,从好的设计到生活中的交通网。
960和蓝图可能是两个流行的网格布局。我个人比较喜欢960网格布局,它简单、重 点 突 出。你可以用任意对齐方式来安排你网站的元素,对齐在设计一个复杂的页面时,能使你的网站看起来比较精 致、井然有序,并且你在网页布局里 面添加任 何模块内容时候都 不用考虑其他的模块内容。
 
综合使用网格布局
Poccuo网站综合使用了网格布局,它 采用3列和5列相结合的布局方式。给人以视觉吸引力和视觉空间。

 
博客采用列布局
我比较喜欢Web Design Ledger上面的展现方式,他把新的公告内容放大同时放到页面顶部,其他的以3列的方式排列。

 

 

大量使用相等的列布局
Ecoki漂亮的网页布局显而易见采用的是4列、2行布局,同时幻灯片、缩略图、新的审 查也是采用相同的方式。

 
四、改 善字体应用
字体应用困扰着大多数的设计师。如果要想提 高你的设计水平,字体在其中扮演着重要的角色。不但在可读性方面也扮演着重要的角色,同时还可以增加设计作品的 氛围。
 
用对 比字体引起关注
SimpleBits网站在应用各 种 对 比 字体引导浏览者的注意力方面做的很棒。字体对
 比可以采取不同字体对 比、各 种颜色对 比、字体大小对 比等形式。

 
不要认为字体就像标志
这个网站看齐来就非 常的漂亮、舒服,但你可以说出你的想法和感受来描述这个感觉。尤 其在间距、字体选择等字体应用这方面做的挺完 美的,我就被他的logo 字体应用迷住了。

 
五、明确而有 效的导航
良好的导航对于网页设计来说很重要,如果浏览者不能快 速、便捷的找到它,他们就很有可能去别的网站了。这是我们所不愿意看到的,同时我知道 MyInkBlog进行了一些改进,并将在以后重新设计中进行彻 底的改进。
 
博客导航下面显示分类导航
在大多数情况下,博客导航放在页面的同时将分类作为二导航放在页面的边栏。Tutorial9做 了一件了不起的事情,他把浏览者关心的photoshop资源以生动的方式展现出来了,并且在鼠标经过二导航的时候有一个高亮 效 果。

 
 
切换不同的图标效 果
图标切换效 果在web2.0网页设计里面无论是否需要被大量、胡乱的应用,并且成为一种趋势。并不是所 有的都是不好的,web2.0里用的不好的原因是过 度使用、业余使用造成的。在大多数情况下,适当的应用图标切换按钮是相当有 效的。Carsonified网站在导航上就运用了单色、简洁的图标切换效 果, 并且于他的网站整体感觉想吻合。

 
六、使用漂亮实 用的页脚
一开始我们就将页脚作为次要的内容,在页脚里面放置一些没有多大用处的内容。在设计的时候花费一点点心思在它上面。现在页脚对于整体设计来说变的越来 越重要了,千 万 别 错 过好的页脚完成你设计。
 
展示大量的信息和证书
这个页脚主要展示了网站介绍和版权等的信息。Brian Hoff网站是添加了一些个性、有趣的内容在里面。通过3列布局方式展示了作者的工作和建议性的内容。

 
添加搜索功能
Elliot Jay Stock’s网 站在底部添加了一个特
大的搜索框…

收缩
  • 电话咨询

  • 025-58767577