网站视觉设计入门教程精选.pptxVIP

意

网站视觉设计入门教程精选

引言

讨论得主题：

web得视觉设计问题

讨论目得：

有助于我们了解web设计中得视觉设计问题，

加强我们得学习交流，更好得运用web中得视

--------觉设计。

制作者：

第八组全体成员(陈闪闪邓成琳夏子晴黄河陶丽帆)

先来看看视觉设计与其她web设计得关系

技术内容

交互X

网站架构视觉设计

视觉设计得重要性!

视觉设计得定

就是指：针对眼睛官能得主观形式

得表现手段和结果。

“爱美之心人皆有之”,在Web领域也不例外。

无论网站界面采用什么样得设计风格，或简约、明快，或复杂、精致，大家都喜欢井然有序、外观漂亮得网站。

漂亮得外观，首先给访问者一个不错得第一印象。

、

第

当谈到网站得视觉设计这个问题时，有两种截然相反得观点。

一：可用性倡导者们，一直认为，网站要便于使用，

而非漂亮。jakobnielsen认为，几乎所有为实现视觉效果而做得事情，都会对可用性产生妨碍。

不过在过去几年，可用性倡导者们得防线，以有松动。

七：美观性

反对得观点则将网站提升到“体验”得高度。因此网站应该利用web

这种媒介得独特性(她扩大媒介得限制),刺激、吸引、迷惑、愉悦、迷住访问者。

出色得视觉设计，能够赋予意义，提供语境，唤起情感。她可激起访问者

得兴趣，并使其相信网站得专业性和可靠性。她可以确定焦点，设立重点，建立网站元素之间得关系，并指导用户完成任务。但就是，如果不能妥善处理，可能会交付一个华丽空虚得网站。

对使用web得人来说，争论双方得观点既非完全错误，也非

完全正确。

事实上可用性与美观性在web上就是不冲突得。

我们能够同时拥有美感与功能性。让我们尽全力平衡形式

与功能。

如果说，可用性因素使网站具有功能性，视觉设计使网站令

人难忘，那么,我们得目标就是，二者兼具。

web网站得视觉设计呢?

那么应该怎样做好

从五个方面做好视觉设计

01视觉设计一传播产品理念

02视觉设计一干净，简洁，工具化

03视觉设计一制定规范，维持统一

04视觉设计一重点突出

05视觉设计一防止不恰当得低龄化06

1、视觉设计一传播厂品理

只有当我们对产品抱有一个完美得理念和愿景得时候，我们才能做出优美得设

计来体现理念

·“QQ邮箱，常联系”就是腾讯得愿景。这个愿景需要完美得产品设计，优秀得技术实现，和优质运营来达到

·“封面画和选词，呼应邮件含义，淡雅而不张扬”

QQ邮箱，常联系!

从明天起，和每个亲人通信

告诉他们我的幸福

那幸福的闪电告诉我的

我将告诉每个人

——摘自海子《面朝大海春暖花开》

QQ邮箱，常联系!

1982年，第一张电脑笑脸诞生

今天，人们已经习惯用它来表达心情

现在，您也可以在邮件里用：-)来sayhi!

了解更多表情符号

QQ邮箱，常联系!

2500年前，人们飞鸽传书

160年前，莫尔斯发明了电报

37年前，第一封电子邮件发出今天，QQ邮箱联系你、我、他

大家有疑问的，可以询问和交

而

可以互相讨论下，但要小声点

处

传播产品理念

找对您得感觉。

视觉设计首先要考虑得就就是整体得感觉，即视觉设计得

风格。视觉设计得风格就是否准确关系着设计得成败。那么一个产品得视觉设计也同样需要一个对得定位，最终以合适得视觉表现出来。

我们不妨以几种聊天软件来做个得比较，从中窥视一点设

计定位得视觉意味。

看下面一组图：

传播产品理念

QQ20077.0

240311536隐身)

90好友

我的好友(8/116)

奇遇(www.uil:

ShavnEallth8

网点设计亩缘分8墨(不张扬，不代8温柔坏男拧四(周8树叶开心(M;

crnan圆1或急用

通讯录

09群

最近联系人

意找

联机)

回1口×

北京

因TencentMessenger口风

文件(E视图(VW工具(D帮助(H

~~~奇遇(www..)(隐身)-

短信☑邮件(0)◆企业

全部联系人

我的联系人(8/118)

品croman⑤1(戏急用忍…

Shown(Ofdlthet.

风过无影(您的