网页布局与配色实战
上QQ阅读APP看书,第一时间看更新

1.2 网页设计的定位

好的网页设计作品,总是能在第一时间打动浏览者。作为一个网站设计师,如果网页失去了这点吸引力,就会失去一切。

1.2.1 什么才是好的网页设计

网页设计是一个比较特殊的设计方向,除了美观合适的设计之外,还要承担网页设计所固有的功能性设计、体验性设计。每个网页设计的最终目的都是要让浏览者来浏览和使用的,这也是网页设计的价值体现。那么什么才是好的网页设计呢?

1.美观

图1-13 美观的网页设计

相信每个人都有自己的审美能力,优秀的网页设计能令人赏心悦目,给人带来美的享受。美观的设计不应该拘泥于形式,好的布局、设计风格最终呈现的优秀作品应该是有目共睹的。图1-13所示即为一款美观的网页设计。

美观的设计是所有设计师的追求,设计出美观的网页作品也是每一位网页设计师的职责所在。

2.实用

图1-14 简洁实用的网页设计

网页设计不同于传统媒体设计,有其功能性。功能性设计的好坏将直接关系到一个网页设计的成功与否。一个好的页面设计必须符合浏览者的阅读和浏览习惯,不仅要在视觉上美观漂亮,还要在功能上实用,这两点结合完美才算得上是一个好的设计。页面干净简洁,标题明确,能直接到位地传达信息,这才是网页设计实用性的直接体现。图1-14所示即为简洁实用的网页设计。

3.界面弱化

一个好的页面设计,它的页面是绝对弱化的,突出的是其功能性,着重体现的是网站本身要提供给使用者的服务。

界面弱化做得最好的莫过于Google、百度等搜索引擎页面了。可以说,它们把网页的功能性设计到了极致,界面弱化到了极致,整个画面中就只有该网页的所有功能性按钮,外加Logo形象。

1.2.2 怎样做好网页设计

网页设计是一门新兴的行业,随着网络应运而生。网页如门面,小到个人主页,大到大公司、政府部门,以及国际组织等,无不以网页作为自己在网络上的门面。要成为一个好的网页设计师,我们需要做到以下方面。

1.目标明确,定位正确

图1-15 目标明确的网站

在目标明确的基础上,完成网站构思创意,即总体设计方案。对网站的整体风格和特色做出定位,规划网站的组织结构。要求做到主题鲜明突出,要点简洁明确,以简单明确的语言和页面告诉大家本站的主题,吸引相应人群的视线。图1-15所示即目标明确的网站。

2.易懂的文字,统一的风格

图1-16 网站首页

简洁的网站会带来直观的视觉传达,浏览者会更容易进行信息加工、理解和沟通。统一风格在于保证内容的统一性,而内容的统一可以提高品牌的专业性,专业性就是得到信任的前提。图1-16和图1-17所示的网站页面就采用了统一的风格。

3.审美能力

图1-17 网站二级页面

作为一名网页设计师,要具备审美能力,如对比、均衡、重复、比例、近似、渐变,以及节奏美、韵律美等,这些都能在网页上显示出来,反映设计师高超的审美能力。平时多多积累,在仔细观察的基础上,多分析美的来源,并灵活地将这种理解了的美在自己的作品中表现出来。只有这样,才能使自己的审美能力达到一定的高度。

4.要有文学素养

作为合格的网页设计师,一定的文化素质是不可少的。好的文案,不仅让人对所做的网页回味无穷,也可使自己的网页平添几分艺术特色。这样的素质往往能在自己的网页上反映出来,使受众体会到。

5.网站结构的重要性

按照客户的目标需求去做导航、信息、链接,客户的网站不是公司的管理结构图,因此不要按照公司的管理结构去组织网站。

6.版式编排,布局合理

图1-18 页面版式编排布局合理

版式设计通过文字图形的空间组合,表达出和谐与美。版式设计通过视觉要素的理性分析和严格的形式构成训练,培养对整体页面的把握能力和审美能力。站点设计要简单有序,主次关系分明,努力做到布局合理化、有序化、整体化。图1-18所示页面的版式编排布局合理。

多页面的站点编排设计要求把页面之间的有机联系反映出来,这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的用户体验,应讲究整体布局的合理性。特别是有上下文关系的页面,可以考虑设计有向前和向后的按钮,便于浏览者仔细研读。

7.色彩和谐,重点突出

图1-19 页面色彩搭配和谐

不同的颜色搭配所表现出来的效果也不同,设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。图1-19所示页面色彩搭配和谐。

8.不要总模仿

前期多模仿、多分析别人成功的网页设计作品,可以帮助自己尽快地提高网站设计水平,但是如果一直都在模仿别人的道路上,你就永远没有自己的东西。