添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

网页设计最高境界详解

时间:2014-09-25      来源:互联网     

        “高端”,“大气”,“上档次”,是网页设计界的三大魔头,一直霸占着各个领域,让诸多设计师为之在厕所痛哭…

  其实,对于任何定义,特别是此类概念化的定义,并没有绝对的对错,但是如若沉淀下来细细琢磨,依旧可以找到方向去前行。

  首先,面对“高端”,“大气”,“上档次”,放空大脑,直接拆解出来,其实,可以理解为是一种“高”,一种“大”,一种“上”

  高大上不光是缩写,也是一种理解的方式,那我们就来说说,如何来理解和尝试这三个关键字:

  一、高

  所谓高,可以理解为是一种高级,何为高级,当你拿着彩屏手机打着电话的时候,iPhone6对你来说就是高级,当你用着PS7.0的时候,CC2014就是高级……这种高级,并非视觉上,而是功能上,而对于设计,功能上的高级,最直接的表现主要为:

  1、严谨的功能体系

  功能是最直接的高级表现,国产的山寨群最大的特点就是功能的集合,因为一机在手,天下我有,你能想到的,他们就能做到,毋庸置疑,这便是高级,只是这种单方面的高级,意味着其他的不足,而并未达到完善,但是,对于其各种奇葩产品,不得不服其功能的丰富多样。

  而对于网页设计,高级便是功能,更多的会在网页、UI等界面程序方面,当你了解前端、程序员是如何将各种效果实现的,你便对可以设计出更多的功能来完整项目。

  2、舒适的交互体验

  交互,思你所思,想你所想,在你需要的时候,就会有一个贴心的按钮跳到你面前等到你的抚摸~顺畅的体验,便是牢牢抓住你让你觉得它胜过一切的魅力所在~如此交互,另类的智能,必须高级。

  对于视觉来说,达到高端,未必需要写代码,但是可以多接触,见得多了,也就知道可以做成什么,接触多了,更可以知道简单的原理和变化,以此来增加自己的见识,丰富自己的网页设计上的功能规划,让自己的网页设计高级起来,进而达到高端的境界,这是一个积累、转化并成为习惯的过程。

  二、大

  对于大,别多想,就是大,想要大气,除了张嘴大口吸气外,就是要大起来!

  对于大小,从视觉上其实可以理解为对比,有对比才有效果:

  1、尺寸的对比:

  也就是普遍意义上的大,放大你的主要内容,并且要与其他内容产生对比,形成一种视觉上最直接的冲击力;

网页设计最高境界详解-【科e互联】
 

  如例:尺寸上大小接近时,视线漂移中容易偏移在多个内容中,反之对比明显时,同样的颜色字形下,大的更容易吸引视线注意,进而再阅读其他内容。

  2、样式的对比:

  粗细,深浅等的对比,让主体内容和次要内容之间,形成明确的层级关系,使得阅读和视觉上有明确的指向性;

网页设计最高境界详解-【科e互联】
 

  如例:同等颜色下,粗细对比样式明显时,粗的字体更显厚重,如重拳一般直接人心,不想看也得看。

网页设计最高境界详解-【科e互联】
 

  如例:颜色深浅,以背景(深浅、复杂程度)对比强烈的最为明显,接近的相对弱化。

  空间的对比:

  通常意义上的大背景,以模糊模仿景深效果,实现空间感,常见的分为前景和背景。

网页设计最高境界详解-【科e互联】
 

  如例:模糊的背景让复杂的图更加融合,减少其零碎的变化,同时模拟景深实现一定的空间感,让前后内容之间拉开距离,使原本部分不清晰的内容一定程度上清晰更易识别。

网页设计最高境界详解-【科e互联】
 

  如例:在此基础上,适当增加前景的修饰(如花瓣、树叶、雪花等等,结合实物有虚有实)可以实现更加明显的空间关系。

  大,也许尚不止如此,还有更多可以放大的地方,而对于整个画面,往往也都是结合起来整体考虑,上述内容主要是框定文字本身或者文字与图片之间的对比,而实际情况下,会有更多的对比相互结合,相互作用,比如下方我以上面的元素,简单做了一张图

网页设计最高境界详解-【科e互联】

标签 网页设计
相关文章

最新更新

网页特效