精品网页设计欣赏及评析.docx

精品网页设计欣赏及评析

商业清爽型

国外现在较流行的风格，国内也有不少模范者，可是往往在色彩调配和细节方面有所欠缺。图一图二特点：利用方框构图，简介明了，图片一般大面积出现，但图片一定要结构清晰，色彩鲜明色彩方面多使用大面积浅灰度和白色，以衬托logo和配图的色彩鲜艳，配以高明度小小色块（如导航处）。因为结构构图简单，细节方面一定要讲究，不适宜有过于复杂的logo和点缀出现，多用简洁明快的几何图形结合。一般此类风格背景如果是彩色，都会是低纯度低亮度彩色，以反衬主题图片和logo。在大面积背景压住的情况下，图片明度越高越爽。画面应该有一个主色调。注意图二左下脚的logo，有意与背景色调相同，以免抢了视觉中心，这是很多人常犯的错误。图三注意细节图案的使用，这是大多数设计者弱点所在，细直线条与箭头、方块、园点不要乱用，每个点的存在你都要有理由。

商业门户型现在的商业门户网站在几乎都是三栏，上面是logo＋banner。其实门户网站因为信息大，更新频繁，在设计时应该充分考虑可扩展性，我认为可以充分利用下拉特性，充分考虑左上位置的设计，主体争取结构明了简洁。下面我们一起来看看几个门户网站的设计。图四所示的这个网站是卡通网站，广告栏很大，但通过精心设计使之醒目而不凌乱。图片统一使用斜角，统一又不呆板。图五所示网站使用曲线与直线的结合，蓝灰色主色，画面沉静而不脏，这里的色彩难度很高，需要细心调试，色块分割，简单明了。图六所示网站主题部分简之又简，在背景上做足了功夫，轻轻的灰度变化，是现在国际流行的风格，高雅，不花，充分烘托主体。图四图五图六

IT企业实用模板图七图八图九图十

时尚企业网站模板图十一图十二

主题型实用网站模板图十三上图所示模板其logo和图片以及其绿色的主色调与动物园的环境和业务非常贴切。美食业务主题网站，布局合理大方，整体设计“色香味”俱全，主题鲜明，功能齐全。

学校教育型模板图十四图十五

儿童主题型网站模板图十六图十七图十八图十九

个人个性化网站模板

以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们风格低调沉稳，几乎只使用黑白灰三种色彩，却不雷同，并且在细节上都非

以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一

小部分。它们风格低调沉稳，几乎只使用黑白灰三种色彩，却不雷同，并且在细节上都非

常讲究。ThemeForest是非常值得网页设计师关注的高品质网站，其上的几乎每一个设计

模板都称得上是杰出的设计作品，值得我们认真揣摩学习。这篇文章里我将根据自己的观

点对这10个设计模板的设计思路和方法做一总结，列出其中的要点，挖掘值得我们在网页

设计中值得借鉴的东西，希望能够对大家有所帮助。

一、设计的目的是为了信息更好的传播

．,.·，曝曼

．

,.

u

便 心、孔瞿C

`*m

｀rzu,-，啊 · 作”上·

｀

rzu,

lhreeOumnPort1oIOI

＿，．盯帧l可一L一“

扭劝@5S：一一屯巳噙幻｀～ 忙ol1况J立1。＿ll--『－一点,-

扭劝@5S

：一一屯巳噙幻｀

～ 忙ol1况J立1

。

＿ll

--

『－一点

,-＇

，＇

，，

,“

，1b

J.1，一

,l心

七

尸呱玉幽一勹。 谴＂，雪喊妒气

尸

B吵盯

，

，一·玉．一-心＝叩吐七-..

一士气叮一

应叫汉mm七

晶耄皇士．；口涵淝已冒亭匾立=暹|＿ ?? u｀r叩 ·了，冒1,.

晶

耄皇士．；口涵淝已冒亭匾立=暹

.. ＂尺卫凸罩卜·mm

“”11“亡`” I

“”

11

“亡`”

．..曝．．

?u

叩 t小V叩callrou.rblogJ

－它匕如如亡. 或心

扣心＇饬6

．，俨－归m，雪｀沁11, Irl

『勺 · 忙心 ` 立

,1.虹。

,1.

iicPl,“l

fII

“L心如匕

“

it

．JI

凶雪配丘已配亨刊严俨二

芯1岱如5

．，已~“-.irTI元｀1,

刁代立五”一，成

屯`...-．产叮必

行酝4c 左呕

行

匾也必

一秒

一

人d如

I}

3 应9

喜

i恣

-:：巴心戊生i

已i...”..- D如忌lop币的fId(.勹.

OP心

比

3. ＿_

3. ＿_乌-..“扣,-_r-.F.-, ...-..5墓宣叩