网页设计相关问题

网页设计相关问题

在做网页设计的时候，往往注意力集中在导航、图标上面，却忽视了装饰性的元素，在使用颜色上面与导航图标颜色一致。下面介绍网页设计相关问题，希望可以为您带来帮助。

1、 图标设计的统一性很重要

它们的统一性一般来说是指下面三个方面：

one、 线性图标，点状图标，手绘风格图标，扁平化设计图标，包括线条的粗细，断点等

two、 色彩的统一性，同颜色，同色系等

three、 大小统一性，不要有大有小;包括外围图形和内部图形的统一

2、装饰性元素需要弱化

我们在做网页设计的时候，往往注意力集中在导航、图标上面，却忽视了装饰性的元素，在使用颜色上面与导航图标颜色一致。

这样没有主次之分，层次感也不好

所以可以注意降低装饰性元素的透明度，来衬托出导航元素

(未弱化分割线)

(弱化分割线)

3、简洁、简洁、再简洁

很多时候菜鸟网页设计师，总是喜欢去做一些花里胡哨的装饰元素

殊不知这样的装饰反而增加了用户在浏览页面的用户体验度

合理点缀修饰让设计更活，过多装饰让设计更做作，慎用修饰

总结：这些都是网页设计的设计师们常常犯的细节问题，但是网页设计的细节实际远不止于此，只要细心做好每一个细节，即使你是一只小菜鸟，也会让你的页面获得客户的认可。

基于图片优势效应的网页设计策略

结合影响图片优势效应因素的存在，文章主要从认知优势效应和情感效应两个方面阐述网页设计的策略：

1、图片认知设计策略

人们在浏览网页时往往会存在因为网页信息繁杂而出现快速忘记的现象，针对此种问题需要在网页设计时要保证视觉效果的针对性设计，让视觉符合用户不同认知阶段的心理模型。图片表达属于精炼的信息表达方式，有效的图片应用可以提升人的理解力，因此需要从图表表征、图片信息以及图片的简化设计方法入手进行设计，一是图片表征设计。图片表征就是以图片的形式来说明网页信息的方式。网页设计中的图片表征是指利用网页中的图片，让展示的信息，更容易发现、辨认、学习和记忆，帮助用户和网页进行更有效率的沟通。可以说网页设计中所应用的图片所反映的信息越精辟越好，比如随着互联网技术的发展，越来越多的网页设计时在有益的采取多增加图片减少用户认知负担方面的设计，因此在具体的应用时可以根据实际情况进行图片表征的应用;二是图片简化设计。

2、图片情感设计策略

图片是表达网页设计情感的主要途径，图片的视觉美观是图片情感的基础，图片的情感效果与用户浏览网页的内在需求有直接的关系，因此基于人的情感考虑，图片情感设计主要包括视觉提示设计和故事叙述设计，具体的设计策略，如图2所示。一是图片的视觉提示设计。图片的构成元素比较多，可以说用眼睛看到的事情都可以用图片表达，因此图片视觉提示设计主要包括：

(1)色彩情感提示。网页设计时需要根据主题风格设计成相应的颜色，比如新闻网主要应用红色图片作为网页的设计颜色，而食品网页则主要是应用暖色，以此给读者一种温暖的感觉;

(2)形状的情感提示。网页中的图片是由各种形状的图像构成，因此具有丰富的情感特点，不同的形状会给人不同的感觉;

(3)内容情感提示。图片本身的内容引导着人们的视线和行动，如果人们认为是积极的提示，他们倾向于产生积极的情感，进而会按照这种内容提示继续浏览，如果人们认为是消极的提示，那么就很难进行下一步的操作。二是图片的故事叙述设计。其主要包括：①图片本身内容的情感流。不同的图片内容可以表达不同的情感流露，比如在看到“南京大屠杀”图片时会产生愤怒之情。②图片营造网页的环境。网页可以用大图平铺充满整个屏幕，让图片营造一定的环境，增强用户情感的唤醒程度，为用户在“真实”的环境中“听故事”作准备。③图片的组合带来的故事叙述。在网页中使用多张图片的排列和组合可以让整个网页的情感更加活泼生动。

网页设计中人性化设计的表现形式

1、文字的人性化设计

文字是网页界面设计中的一个重要的角色，网站里边可以没有图片，也可以没有动画，但是却不能没有文字，文字是构成网页设计的重要元素，也是浏览者获取信息最重要的方式。[2]文字的人性化设计可以从文字的字体、样式、字号、色彩等属性入手。随着互联网的快速发展，涌现出来越来越多的现代字体形式。在网页设计中，经常用到的字体有宋体﹑黑体﹑楷书等计算机自带的字体，这样就保证了我们的页面在每一台计算机上都是可以正常显示的。网页设计页面中一般把宋体设为默认字体，大小一般为12px，字体的颜色要根据背景的颜色来确定，原则上以能看清文字内容并且与文字周围的环境搭配和谐为标准。一般情况下，网页设计师为了让浏览者对某一部分的信息产生注意力，常常把该信息标题文字的色彩选用与其他文字区别较大的色彩或者字体的大小区别于其他地方，已达到引起读者注意力的目的。内容文字的色彩多采用与背景色能够很好区别开的颜色，以便于我们浏览和阅读。

2、色彩的人性化设计

我们生活的世界是色彩斑斓的，每天映入眼帘的事物是各种各样﹑五彩缤纷的。人们时常会体会到不同的色彩对自己心理和情绪的影响。不同的颜色会带给人不一样的心理感受，同一种颜色给不同的人看，也可能会得到不一样的心理感受。所以，网页设计师在网页色彩的设计上要充分考虑网页用户群的心理需求、视觉习惯和操作习惯等等，使网页界面的色彩更加人性化，便于浏览用户能够轻松地使用和浏览网页的同时也能有良好的心理感受。

1)和谐的配色，让文字更突出由于颜色有很多的属性，而人眼对于颜色的识别能力有限，色彩对比明显的人眼容易识别，而对比较弱的则可能很难区分。在网页界面设计中，网页中的文字、图案、背景都有各自的颜色，网页用户在浏览网页时，页面的背景颜色和文字颜色的搭配会直接影响到用户页面的基本内容的识别和阅读。而在网页设计中，文字是网页浏览用户获取信息最重要的形式，所以网页设计师在设计时必须考虑到文字颜色与其他网页元素颜色的色彩对比度，需要着重注意提高页面上文字的可见度，让文字更加突出。

2)了解用户心理，合理配色有一些网页设计师应用色彩只是凭借自己的喜好和感觉，而没有对网站浏览用户群体的心理和审美进行需求调查和分析，而这样的网页界面设计往往是很难满足用户的心理需求的。因此，网页界面设计中的色彩设计要充分了解网页浏览用户的心理，根据网页用户的色彩心理进行合理的配色。其实网站面向的人群不同，界面用色也是有区别的，女性一般较偏爱粉色;年轻人比较喜欢鲜艳的颜色;而年龄较大的人则更愿意接受灰色系的颜色;种种这些因素在进行网页的色彩搭配设计时都是应该考虑到并加以运用的。网页色彩的应用只有符合了用户的心理才能够激发他们的阅读兴趣，也才能利于网页信息的传播。

3)保证色彩的功能性和习惯性网页设计师进行色彩搭配时，需要注意色彩的功能性，而功能性往往涉及到普遍浏览者的习惯性，例如链接颜色的问题。大多数网络浏览器都使用两种不同颜色显示链接：用户没看过的通常显示为一种颜色，而看过的则显示为另一种颜色。用户往往对于网页的结构和所处的位置是不敏感的，他们往往很快就忘记了自己哪些内容是浏览过的，哪些是没有浏览过的，如果网页只有单一的链接颜色，对于浏览过的内容和没有浏览过的内容不加以区别，用户就无法清楚的了解网页中哪一部分已经看过的，哪一部分没有看过，用户会浪费很多不必要的时间在重复选择同一个选项上，或者认为已经试过所有的选项而过早放弃深入的了解网站。因此，网页设计人性化在网页配色功能性和用户习惯性的考虑上不容忽视。

服装营销网页设计中的色彩运用

1、女装网页中的色彩运用

款式，色彩，面料是女装的三要素[1]。由于我们处在一个信息大爆炸的时代，每天都接收大量的报纸，杂志，图片等等。色彩就越来越成为人们直接感知事物的重要元素之一，一件衣服在众多衣服里首先让顾客发现他的可能就是她的色彩。被视为最有效的吸引顾客眼球的方法就是采用大面积的醒目的色块进行视觉的刺激。大面的使用暖色是促销的不变的法则，通过大面积的色彩来是顾客心潮澎湃，刺激其购买欲。消费者的脑海的对一个行业的喜好色彩是大多数人会遵循的色调法则。整体的色调统一感觉和品质感要通过色彩来无声的传达给顾客。在之前就要想好要通过页面诉答一个怎样的理念，品牌感是什么，消费人群的性别，年龄，消费能力等等的原因。例如大家一提到“LV”大家就会首先想到高档、方格子、优质皮质、棕黄色、奢侈品等等;提到韩国服饰，大家会想到清新、色彩、韩剧、时尚等等。

2、常见女装网页中的色彩分析

2.1“大促红”女装网页中做促销时出现次数最多的颜色,长时段的使用会产生视觉疲劳。为了让红色更好地发挥效果而不至于过度,卖家在使用时可以把红色和金黄色、橙色、白色、黑色等搭配[2]。红色和白的搭配会在促销氛围浓厚的同时，页面多了些许的干净和产品的品质感得到了一个很好的阐释。时尚的黑红经典搭配也是收到了许多大牌女装页面设计者的青睐。

2.2“百搭蓝”蓝色是一个让人联想到蓝天白云的舒适的色彩，也很百搭。蓝色可以塑造大牌的品质感也可以表达少女的小清新。冷色的蓝色和暖色的色调的搭配，会整个平平无奇的页面生动许多。

2.3“黑白灰”虽然我们每天视觉接触到的色彩多种多样，但是人们仍然不可以忘怀黑白灰的经典搭配色调，就是因为其简约而单调的色彩反而超越了时代的流行趋势。既是怀旧的，也是时尚的，黑白灰的色调的和谐关系是其他颜色所比拟不了的。具有永恒的不可比拟性。

2.4“优雅棕”提到棕色人们首先会想到LV的经典格子棕色，给人们一种，经典，大气。时尚，和品质的感觉，是奢侈品和品质男装的经典配色。[3]金，黑，橙，白的搭配给消费者时尚品质高贵的感觉。高端时尚大牌的网站也不是沉稳不变的，亮色的搭配也会使整个画面鲜活起来。

2.5“清新粉”近来甜美清新风格的风靡是粉色成为了少女的喜爱之色。在亮丽的颜色中加入白色降低其纯度，调和出粉红色，粉蓝色等。这些纯度较低的颜色给人一种清新小女生的感觉，与暖色的搭配会更加的统一和和谐。

2.6“魅惑紫”经常以神秘，时尚，高端，浪漫来形容紫色。严格来说，紫色是不是很容易搭配的颜色，大面积的紫色会让人产生抑郁的色彩，但如果运用得当，将是非常抢眼的时尚感。搭配建议有黄色，白色，黑色。

2.7“靓丽黄”黄色亮度是最高的，给人一种阳光，亮丽和金碧辉煌的感觉[4]。他没有这么抢眼的红色给人一鸣惊人的感觉，而是给人一种温柔的色彩刺激。白色，黑色，蓝色，绿色，紫色。黄色，黑色和绿色和其的搭配都可以时尚百搭，和白色的对比强烈，容易形成较高水平的对比，利于突出重点，同时让画面具有时尚感。在国外，无论是品牌女装还是奢侈品女装，色彩的整体性都保持的相当好。页面基本以单色渐变为页面背景，直接突出了服装的主题，一般都会用黑白灰经典色加上点睛色。色彩控制和把握的都很好，品牌感很强，划分明确。当前的女性购物网站大多会上架相应的服饰配件和附属产品，由于款式和材质的不同，基本色彩选定和每个季度的流行色不同都会有相对于的色彩搭配，但是品牌的基本色调会一致的。由于女装的市场的特殊化，一个产品的元素可能会出一个系列的的产品，鉴于女装系列产品的设计元素，系列服饰的颜色大都是一个色彩风格内，认知度较高，网络服装展示的以模特展示和平铺展示为主。模特的气质，肤色，发色和妆容的色彩都会对服装的风格展示有不同的影响，追求协调统一的感觉。