首页 > 网页教程 > 设计分享 > 网页设计教程:关于网页设计的那些事儿

江苏十一选五怎么下载:网页设计教程:关于网页设计的那些事儿

时间:2012-09-22    来源:飞鱼的声纳

江苏十一选五开奖公告 www.ervgn.com 从这周起,将汇总QQ交流群中每天回复读者的一个网页设计方面的问题,按照一周的周期集结成文章,每周五发布在博客并共享在群中,供大家阅读参考。相较于我们经常发布的设计教程,这样的问答对于个人来说更有针对性,离我们日常的设计工作更近一些。我个人也有这样的体会,有时会有一两个问题长期停留在脑子里,得不到解决,偶然的碰到刚好涉及到这方面的文章,会有一下子豁然开朗的感觉。所以这样的形式也是非常有价值的。以下就是第1周的所有问题和答复,希望在设计对大家有所帮助。

一、质感的表现、作品好坏的评价(小李飞刀于8月24日星期五)

网站里怎么表现质感啊,很干净,很震撼的感觉。‏望群主给解答,最好具体些,比如导航光亮的感觉有几种表现方式,布局应该怎么布局,请问怎么知道自己做的作品是好还是不好,比如海报超市的海报。怎么才能改进觉得自己的问题宽泛了,也可能是我没说清楚。总之希望群主能听到我的心声,我遇到瓶颈了,不知道什么是好作品,对于海报。

答复: 光亮感觉的设计看上去样式很多,其实主要在于细节方面的变化,如果要问具体有多少种设计样式的话,可以说多到无穷尽。关键是看元素的结构以及高光和阴影的变化。不同的元素结构和光线效果就能产生不同的元素样式。随便举几个例子来说明:

button_comp_-_bronze.png

free_coa_button.png

上面这四个元素,由于结构和光线的不同,差异应该说还是非常明显的。具体在你的设计中应该使用哪种风格,哪种色彩,要和设计的信息内容相关联,要能产生视觉上的联想。举个例子,如果你要设计一个关于汽车拉力赛的设计,很显然,这种干净而光亮的风格是不合适的,而更应该考虑粗糙、原始、自然的视觉感受,可能你需要用到的更多的某种粗糙的笔刷的效果,而不是上面的这些设计风格。

回答你的第二个问题,关于如何评价作品的好坏的问题。有人说这完全是仁者见仁,智者见智,完全没有标准。我个人感觉这种说法只说对了某一部分,不能说概括了全部。好的设计应该是有他的某些标准的,例如,要展示的产品的特性或者表达的某种概念是否在设计中得到了较好的体现?重要的信息在视觉上得到了重要的体现而次要的信息做了次要的处理?色彩方案和产品是否契合?整个的设计气氛够不够?我想对于这些问题,应该还是有一些比较一致的看法的。

二、资源分类、遇到瓶颈再提高(Weison于2012年8月27日星期一)

飞鱼哥,您好!听过你的几次讲座和看了你的BLOG,感觉你很专业。我是一名毕业两个多月的设计专业类的学生,打算从事网页设计相关的工作(界面设计), 现在我想请教你几个问题:

1.在日常生活中,我会搜集一些我觉得有意思的、很有质感的图片和网站,但一多就不方便查找和管理,我想请教一下该如何分门别类呢?

2.我的PS技术已经很熟练了,但感觉设计出来的作品还不够高质量,还不能给人一种心灵的摄服力,就是一种看完后会觉得”哇,真好”的感觉,我想请教一下,我该如何做才能这种效果呢?

3.我觉得我的设计思维还不够开阔,虽然看过很多别人的设计,但一到了实际工作中,想来想去都只有加点渐变、投影、高光等,我该怎么做才能做到有创意呢? 附上我的作品,期待你的指点,谢谢!

答复 :我来逐条回答。

1、我个人经验最好的分类方法是按照设计涉及的行业来分类,例如酒店、教育、设计工作室等,按照这些名字创建文件夹,将相关的设计作品分类放入。之前我还按照风格分过类,比如中国风、web2.0风格等等,但发现需要的时候不容易找到,因为我们想要参考借鉴别的的作品的时候的想法通常是”让我看看别人做过的有关酒店的网站是什么样的?”所以这时我们只需要找到酒店的那个文件夹就行了,非常便捷。

2、其实这是所有设计师追求的目标,看过你给我发的个人作品后,我建议你在下面两点上下功夫。首先是设计的细节。我们可以观察到,所有让我们在内心不由自主喊出”哇,真好!”的作品可以说在细节方面是无可挑剔的。拿你的作品来说,我个人觉得还需要在细节上有所提高,简单 的举两个例子,比如:

边距问题.png

中国海军网中,项目列表和页面左侧的距离太小,让页面看上去满满当当,有些拥挤。文字的黑色和背景白色对比度太大,文字很多就会让整个页面显得脏,建议在保证可阅读性的前提下调成灰色。虚线分割线相较于文字来说明显是次要的元素,所以不要做的这么显眼,再低调处理一下应该更好。

模糊.png

标题多样化军事任务左侧的海浪图标和标题内容契合度不够,图标本身也不够明晰,打眼一看不知道是什么东西,风格和整个页面的风格也不太搭,所以你可以看到,单单一个图标的使用就要考虑非常多的东西,而这些可以说都是细节,什么时候这些问题都考虑到了,设计的水平也就提高了。另外,理论研究的背景色绿色和直击前沿的背景色蓝色接触的地方看上去很模糊,让人感觉设计上还不够用心,在网页设计中,像这些1像素的地方往往正是设计美感体现出来的地方。

相关推荐
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页PS设计教程:手把手教你制作简洁风格的网页按钮
18个值得网页设计师收藏的超棒CSS3教程
网页设计教程分享—能影响观众的网站首页设计10个要点
网页设计教程:必须注意的最常见网页可用性错误
网页设计教程!有哪些技巧可以搞定大图设计?
网站设计教程:如何为网站搭配图片?
CSS酷站网页水平条经典设计欣赏
欧美CSS酷站网页背景设计之光影特效赏析
酷站欣赏之欧美棕色调网站设计案例赏析
如何基于心理学设计的目的来制作受用户欢迎的网页
二十款网页图文混排设计样式欣赏
黑色的艺术:三十款暗黑色调的欧美CSS酷站欣赏
35套精美绚丽的创意酷站设计欣赏
网页设计的文字色彩与可读性分析
如何掌握网页广告字体设计的技巧
40款超个性粗糙纸张纹理风格的CSS酷站欣赏
15款富有创意的的html电子名片设计欣赏
国外49款创意型404错误网页欣赏(附演示网址)
手绘风格的15款超级漂亮网站欣赏
网易频道页面的改版过程分享
网页设计师必备的13款国外CSS酷站参考画廊
多款韩国绚丽风格的游戏网站界面设计欣赏
网页设计中的构图技巧分享
网页设计的几何圆之美
网页交互设计的一些理解
网页设计中上一页和下一页的用户体验分析
黄金分割布局在网页设计中的应用
简单而又不单调的网页视觉设计技巧
让用户感觉很糟糕的网页设计之十大原因
淘宝网新年改版之网页宽度最佳尺寸浅析
圆形元素在网页设计中如何应用的25个案例
如何学习才能成长为一名更好的设计师?
淘宝案例分析之商城页面的用户体验
85个优秀的超大字体网页设计欣赏

精彩推荐

热门教程