优秀设计和卓越设计之间的区别是比较小的。一般人可能无法解释说明卓越的设计的具体差别,但他们可以找到自己喜欢的网页设计作品。通过对照一下几个 优秀作品,我总结了一下作为卓越设计的几个细节差别。
前不久,我写过一篇卓越网站应该遵循的4个设计原则。现在这篇文章有点像是上一篇文章的延续。在上一篇文章里面我们重点讨论了对 比、重复、对齐、分割在网页中的应用。以下内容我以几个优秀的网页作品作为实例,来说明卓越设计一直遵循的原则!
一、合理使用渐变
渐变不要滥用,更不要把渐变弄的跟彩虹似的,否则你的网页作品看起来比较外行。总而言之,合理的使用渐变对于优秀网站设计是有帮助的。
渐变、散景结合使用
Newism网站色彩丰富,但微妙的渐变与背景在视觉上结合的很到位。如果你也有兴趣在photoshop里面做这个散景效果,可以去Abduzeedo’s tutorial网站上面学习一下。
阅读全文 »
Categories:
交互设计 |
1 Comment
写在前面的话
有人觉得做个banner放2张图,排几个字的事,一点技术含量都没有,像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的,其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难得是在短时间内做一个出彩的banner。门户的专题一般是编辑套模板拼成的,比较重要的专题,banner部分是由设计师来完成,一个banner的品质上去了,整个专题的质量感就上来了,所以这部分交给设计师来做也是重视品质的表现,这个毋庸置疑。但banner毕竟不比大型项目,从设计成本上说不可能给太多的时间给设计师,于是乎,设计师有时候是靠经验积累,有时候妙手偶得,质量也是时好时坏,更害怕的是当没有经验没头绪没有心情时,胸中无物,不知道如何下手,于是越急越乱,越乱越急,最后匆匆了事,这种状态下估计也出不了好的东西。在排除技术手段的前提下,如何通过一些经验的思考,让banner达到通情达意效果,也是我下面要说的,个人经验之谈,供大家参考。 阅读全文 »
Categories:
交互设计 |
No Comments
19年前,世界上第一个网页诞生,它没有设计可言,由文本和url组成,样式只有最基本的<h1> <p>。 而如今,Web设计已经成长为独立而庞大的设计门类,一个网页的创造需要多个工种、多种技术的参与,其流程的复杂和挑战性已经超过任何传统设计类别。
这19年间,网站的拥有者越来越清楚自己的目标,而设计师们也越来越理性和专注,人们在不停寻求商业诉求、用户、审美和技术上的平衡点。每一年过去,都有无数过时的风格、特征元素以及实现技术被抛于身后。
设计风潮体现着一个时期内人们对特定的风格、趣味、审美、技术乃至理念等各种模型或特征的追随。新技术的发展、媒介载体的占有量的变化、新网站类型的诞生、全球的设计思潮的影响、行业领军者的转变、明星设计师个体的亮点,这些因素都在推动潮流的变化。 你可以回想一下那些曾经风靡一时的模式:复古的像素样式;Google的朴素之风;韩式清新插画风;Flashsite的兴起带来的不规则布局和动画的滥用;Apple引发的对质感的追求;用户和情境意识的觉醒;对细节的关注——圆角和阴影的广泛运用; Web2.0设计风潮中典型的配色和特征元素;空间与层次感的魔术……
09年流行的半透明风格:
阅读全文 »
Categories:
交互设计 | Tagged:
WEB设计 |
3 Comments
深色调的网站设计是比较流行的,它能营造出简洁、富有创造性的效果。它能满足一些客户对网页设计风格的要求。然而,它并不能适用于每一个客户对网站设计风格的要求,设计师应根据实际情况而定。
尽管深色调的设计风格能做到引人注目的效果,但很多设计师不知道如果有效的使用它来打动、吸引浏览者。深色调网页设计经常出现的问题是不易读、没有吸引力、很少打破传统的设计模式。
这片文章,我们将讨论一些如何让你的下一个深色调网页设计更能吸引、打动广大浏览者的方法和技巧,真正做到让你的设计表达你的创意。最近的调查显示有超过47%的大众用户更喜欢亮色调的网页设计。内容的可读性是主要原因。大多数的用户不喜欢亮文字内容显示在深背景上,这样的对比效果是比较刺眼的,给人不舒服的感觉。
相比之下,有10%的设计师通常选择深色调来设计网页,同时36%的人认为应该根据网页的具体风格要求进行选择。那么,哪个是正确的答案那?归结起来,每一个人都有自己的意见,事情就是这样。但是有相当一部分用户认为重色调的设计是可以接受的,有时是设计首选。作为网页设计师,我们不得不考虑如何有效的设计深色调的网页给我们客户与自己。信亮色调网页设计的爱好者们希望深色调的网页设计应该更易阅读、有好的用户体验。
多使用留白
或者应该叫“留黑”?合理有效的使用留白对于任何风格的设计来说都是非常重要的。但对于深色调的网页设计来说它则是必须的。
深色调的网页设计给人总体的感觉是“沉重的”,如果整体布局结构凌乱更增强了给人沉重的感觉。下面展示了一些比较受大众喜欢的深色调网页设计,他们合理使用了留白达到很好的设计效果。
Black Estate是互联网里深色调网页设计的一个而已,设计确实很棒并值得我们研究学习。设计自始自终都在合理、有效的使用留白,如何在设计元素周围有效的使用了留白,从而设计出了这样讲究的网页。 阅读全文 »
Categories:
交互设计 | Tagged:
设计注意 |
18 Comments
这章主要讲的是着手设计前,与客户的沟通内容及简要思路。
小型企业网站尚且需要事先的交流与思考,营销型网站则更不用说。带着没弄明白的问题往下去做,越做,偏差只会越大,在这方面请不要抱任何侥幸心里。磨刀不误砍柴工这个道理人人都知道,具备一个清晰的思路,往往才是提高工作效率与质量的最有力因素。
以电玩网为例,我整理问题、电话沟通、上网查阅资料、整理栏目配置、整理商品分类等等,用了一天半的时间,期间甚至还被电玩资讯网站的诱人新闻骗进去看了半把个小时,尔后,我从画草图,设计LOGO,到首页设计完毕,只用一个天零半个上午。
思路清晰后,动起手来,快的,不单是这个首页。
以下问题是设计师们在着手B2C等营销型网站前,必须完全了解的内容。
1. 网站名称
通常,设计师可以从资料中查到客户的公司名称,但营销型网站都有自己特定的网站名称,所以这点必不可少。
该项目客户给到我的名称叫做“云南游戏网”,经斟酌发现,游戏网并不能够准确的诠释该网站的内容及定位,尔后建议客户更改为“云南电玩网”,遂被采纳。
2.网站Logo
按以往经验,不少营销型网站的运营商在项目执行前都有着充分的准备。在设计方面,可能事先已请广告公司等机构,设计出网站的Logo,整套项目VI等,甚至专门成立新的公司来进行该项目的运营。所以,落实网站的Logo是否已经存在,尤为重要。
如已准备有网站Logo,并给到网站设计师,即表示该Logo已经是被客户所认可,那么,需认真分析该Logo的风格,色调,欲表现的理念等,清楚这些后,顺延这个思路下去,网站的设计将会更容易被客户所接受。
而该网站事先并无Logo,需自行设计,虽说Logo的设计费时费力,但交由我方设计对网站后期的色调及风格的把握,更具可控性。 阅读全文 »
Categories:
交互设计 | Tagged:
B2C,
设计思想 |
2 Comments

根据某权威机构的调查,早在2006年11月时,全球网站数量就突破1亿大关了;每一个网站背后都至少有一位设计人员,那么全世界有多少网站设计师呢?这已经很难估算了,当然纯粹靠设计网站吃饭的,毕竟是少数。今天要对比的中外网站设计差异,不是网站的风格流派,也不是设计工具和视觉技法,更不是技术环节,而是“网站设计”这项工作的差异,包含目标、流程、交付结果等。
引子
无论是给自己设计网站,还是提供网站设计的外包服务,整个社会分工都在越来越细化;每个万维网站点的建立,根据其使用目的和预算,通常会选择完全不同的设计方式;每个国家的文化差异、网络带宽普及也决定了网站设计的不同;今天要对比的中外网站差异,主要指国内和欧美国家在网站设计工作上的不同。
阅读全文 »
Categories:
交互设计 |
2 Comments
坐在车上,时常看着窗外,突然感觉到,我眼前就是一个交互设计,天,地,活动的人与物体.
天空上太阳就是LOGO,阳光照射下来,告诉我们这就是地球.大地就是页尾,关于我们,联系方式等都在大地上体现,你看我们住的家不就是ABOUT.人在大地上活动着,就像网页里交互运动一样.
你站在草原上,我看上去就像一个清晰,简约,的网页,例如个人博客
你站在城市中,我看上去就像一个商城网页,例如淘宝.
你站在乡镇里,我看上去就像一个企业网站.
原来我们的交互设计是自然界演变而来,看来美的东西都离不开自然界.
Categories:
交互设计 | Tagged:
交互设计 |
2 Comments
不论是企业网站、个人博客,或者购物网站、游戏网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验。
可用性是用户体验的一种度量,它可以用访问者完成网站功能的方便程度来描述——无论是通过自身知识还是通过学习新方式来完成这种功能。我认为Jakob Nielson的解释非常到位,他说:
可用性是评估网站易用程度的一种属性。同时“可用性”这个词也指在设计过程中提高易用性的方法。
在本文中我希望能够提供一个可用性清单,内容覆盖了从视觉设计,到可以用在任何项目中的简单导航提示等多个方面。
1. 当前位置导航
要让用户在任何时候都知道自己身处哪个模块,或者在浏览那个分类。对任何网站来说,这都可以极大提升可用性。在这一点上,创建当前位置导航可以算是最有效的提升可用性方式。
当前位置导航的理想方式是在服务端创建,这样可以大量节省HTML和CSS代码。如果不方便在服务端创建导航,那么使用CSS操纵你的body元素 从而直接定义每个导航标签也是一个不错的方法。
另外,你可以方便的 使用JavaScript创建当前位置导航菜单。 阅读全文 »
Categories:
交互设计 | Tagged:
用户体验,
网页技巧 |
No Comments
电子商务网站在如今的企业业务发展中已经占据举足轻重的地位,如何将网站的访问用户转化为真正的客户,如何提高用户转化率,提高用户黏度,一直都是电子商务网站在积极提升的内容,怎样的设计才能更好地吸引用户,以下30个优秀的成功电子商务网站设计给你答案。
Storenvy ↓

Ride Four Ever ↓
阅读全文 »
Categories:
交互设计 | Tagged:
电子商务网 |
No Comments