北大青鸟网页海报-北大青鸟分享网页设计与平面设计的区别有哪些？

沟通在设计中起着至关重要的作用。

这是建立用户和网站之间的明确联系,并帮助你的用户实现目标的关键。

当我们谈论网页设计环境中的沟通时,这通常是指文本。

广州IT培训

好的排版提高了用户的阅读积极性性,反之,差的排版会降低用户的阅读积极性。

优化排版就是优化可读性,可访问性,可用性!让整体的图形平衡。

换句话说:优化你的排版就是优化你的用户界面。

在这篇文章中,我将提供一些规则,帮助你提高文本内容的可读性。

1.减少不同类型字体的使用使用超过3种不同的字体让网站看起来没有结构且不专业。

记住,太多的尺寸类型和风格也可能破坏任何布局。

2.使用标准字体字体的嵌入服务(如GoogleWebFonts或Typekit))可以为你的设计提供新鲜的和意想不到的许多有趣的字体。

它们也非常容易使用。

以Google为例:1.选择任何字体,如OpenSans2.在HTML文档的中生成代码并粘贴。

3.完成!3.限制行的长度每行拥有适当的字符数量是让文本具有可读性的关键。

它不是你的设计,决定你的文本的宽度,它应该是一个可读性的问题。

考虑BaymardInstitute关于可读性和行的长度的建议:“如果你想有一个好的阅读体验,应该每行约60个字符。

每行拥有适当的字符数量是让你的文本具有可读性的关键。

” 如果行太短,视线必须经常返回,这就会打破读者的节奏。

如果一行文字太长,用户的视线将很难专注于文本。

1.设计理念不同

平面设计的核心是品牌。它要以品牌为出发点去设计,要在视觉上100%体现品牌的魅力。而网页设计的核心是用户。网站的目的是与用户100%沟通,是要实现某些特定的功能,这有点像电脑中的软件。那么网页设计其实是一种UI设计,也就是所谓的界面设计,要以用户的操作习惯为出发点去设计,换句话说也就是要设计得人性化,让用户使用得更方面,长时间盯着网页看也不觉得累。这也就是为什么众多门户要用白色做为页面主色调的原因,因为白色看久了不会造成眼睛疲劳,而鲜艳的颜色看久了会眼困!

2.颜色运用不同

平面设计可以使用成千上万种颜色,换句话说可以使用所有颜色,但是网页设计不行!网页设计中规定了240种安全色,也就是说只能使用这240种颜色才能使网页更加漂亮,更加有兼容性。在色彩方面平面设计与网页设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模式。平面设计时的色彩运用注重视觉的冲击力及视觉流的引导(在这点上与网页设计中的BANNER设计相类似),而网页设计(产品类)更注重的是信息结构关系的梳理,如果将色彩运用的过多过强,很容易引起视觉的疲劳感。

3.设计要求不同

网页设计不仅仅是在做设计,更多的是要考虑网页的打开速度、兼容性等问题。所以有时候不得不为了照顾这些特殊的要求而牺牲美观。我们往往看到门户站的网页都是大量的文字,这其实是为了减少页面的打开时间。韩国的网站喜欢用大量的图片、FLASH,那是因为韩国的网络带宽全球第二,它有那个条件去大量的实现视觉冲击!而目前的中国不行!

4.信息传播不同

平面设计属于比较传统的信息媒介设计,一般会通过张贴、销售、邮寄派送等形式进行传播,这样传播的方式范围小且成本较高,相对而言在这方面网页设计的信息传播能力却非常的强,但依赖于第三方媒介的支持,平面设计却拥有更为广泛的受众人群,不同的年龄层对于纸张或书本的信息接受能力总是强于网络媒体的,毕竟网络信息获取的将会存在一个学习成本,在今后网络信息的不断普及以及终端媒介用户体验的不断提升,在受众人群方面在我看来差距会越来越小。

5.图形运用不同

从图形使用上,平面设计比网页设计丰富,表现方式也多样化,特别是对于产品类的网页设计,模块化的设计思路更为明显,在视觉表现上也是如此,平面对于图形的表现是不需要考虑到后期的实现的,在一点上是有目共睹的。在来说一下咱们设计时使用的尺寸单位问题,平面设计在使用尺寸标注时都用的是物理尺寸的概念,比如英寸,厘米,毫米等,而网页使用的像素。

6.文字的运用不同

我们平常在规划过程中,平面规划的字体选用更为自在一些,不用担心后期实现的问题,所有的文字结尾都会输出为图形进行打印,而网页设计就需要思考的更为全面,并且在字体的选用范围上也很小,为了让输出的制品巨细不对服务器形成压力,依据html的特性,一切字体都是依据用户操作系统内默许字体而定的,当然近年跟着技能的沿革与开展,这个距离也逐渐在减小,当前经过html5的API能够完成个性化字体的运用而不需要将个性化的字体结尾输出为图形,在不添加后端压力的一起,大大提升了用户体会,十分赞。

7.浏览方式不同

平面设计的属于渐进式的浏览方式,无法对整个浏览的过程进行多样化串联,网页设计拥有滚动条下拉、按钮链接跳转等多样化的浏览信息方式,在拥有同样一种信息架构的条件下,信息之间的串联性更为丰富,用户选择信息的自由度更大,但平面设计也自然有其优势所在,比如平时我在设计照片书这类产品的时候,就很明显的发现,这一类的产品在电脑显示器上进行翻阅,不如印刷成为一个真实的书本来翻阅感受要更好一些,并且更具有收藏及纪念意义。

8.用户体验不同

这两种设计形式拥有着不同的用户体验,我们应该根据不同设计内容,选择正确的设计形式提升用户体验,北大青鸟发现以上这些只是个人对平面与网页设计的一些粗浅认识,也作为抛砖引玉希望大家能分享出自己对于设计的想法,引用一段平面设计大师陈幼坚的一段话“做创意最重要就是定位清晰,如果定位清楚目标明确,很多创意就会自然创造出来。

当你欣赏下面这些案例时,留意一下他们如何以及为何使用矩形或正方形元素,会使得你思路大开。

杭州电脑培训

在设计中使用方块元素有很多方法和原因。

我们来详细了解一下。

使用方块布局的目的是什么?或许这对你而言有点哲学和理论化,我们来看看别人选择方块布局的原因。

(顺便提一句,我所指的方块也包括矩形,有些案例也使用矩形。

)使用这种元素有两大原因。

首先也是最重要的,它有助于组织内容。

其次,它也能打造特殊的样式。

它们是展现内心渴望和需求的完美元素。

看看DennisAdelmann的作品集,显而易见,方块元素被用来组织排列他的作品。

这是组织排列任意数量内容的简单途径,让事物保持简洁。

不过再看看WeLoveNoise这个网站,它就完全不同!是的,到处都是方块,移动鼠标时还有个有趣的动画效果。

不过除了组织内容之外,你会发现方块元素也成为了设计风格的一部分。

它是这种风格关键的决定性元素。

怎样用好它们?我不觉得使用方块元素是什么难事。

尤其是网页,自从诞生之初就开始使用方块形状来设计界面。

但是你若想更有效地使用它,请遵循以下几个步骤。

制定希望达成的目标根据你所要达成的目标,页面和区块会有很大的不同。

一旦你确定了,方块元素就能帮助你完成目标。

你是用它来组织内容?还是想为页面增添一点乐趣?看看PaperandPaint。

他们使用方块元素保持页面井井有条,并且突出了页面特有的流动性。

随着鼠标向下滚动,每个方块中的不同内容都在进行着视觉差滚动——这是个非常酷的效果——每个方块都向你讲述独特的故事,汇聚成整个页面。

这些方块元素的作用,就是保持各部分对齐,形成一种整洁的时尚,同时也为各个页面营造不同的故事氛围。

AnthonyJohnGroup使用方块来展示他们创作的各个项目,还有关键的公司信息,比如“幕后团队”。

主页的规划与构建很棒,但也结合紧密。

很明显,他们致力于创造像这个页面一样优雅的高端建筑设计,如果没有这些方块,可达不到这样的效果。

使用方块来组织内容既然了解了你所追求的目标——尽管那几乎就是整合现有的信息——你会接触到内容组织的。

你得把内容编成目录。

要如何在各个方块中组织信息——某些方块内容会比其他的更多吗?这对组织内容很有帮助,你会来回摆弄,看看哪些有用哪些没用,发现哪些内容太多,哪些内容太少。

我保证这不是什么高超技巧,实际上它不太需要凭直觉,大多时候都很简单——坐下来去完成它就是了。

注意到上面这个网站没有,BlockLevel,方块和方块中的图标就是全部了,只有图标。

这就是我所指的组织内容,BlockLevel的设计者故意在每个方块中只留下一个图标。

下一步就是要考虑如何将调整过的内容放在令人愉悦的设计中,这正是我们下面要讲的。