网页设计师应该知道的网页版面设计技巧(精)

今天给大家分享的网页版面设计技巧:减法—分块—加法,非常实用,特别是活动或专题页面设计时可以做参考。

网页设计师应该知道的网页版面设计技巧(精)

1.减法

找出企业需求或网页设计的创意实物原型,进行减法,保留主要特征。

简化的步骤有两个1.特征的提练 2.审查删除重复元素。

2.分块

根据物的形态对网页的信息内容进行规划。

主要有三个关键点。
1.对信息进行消化。在充分的理解信息对之后的排版和信息调整有很大的帮助。
2.在吃透信息后,我们就可以开始正式的分块,分块是一个逐层深入由粗到细的过程。
3.分块完成后,我们结合造型进行一定的信息和造型微调。

3.加法

与分块解决的功能性问题相比较,加法解决的则是填充和装饰的问题。也就是我们网页设计中的内容填充,让我们的网页看起来更生动。它是一种锦上添花,可以为你的视觉加分,但切忌过于繁重而影响到了功能的使用,毕竟网页信息传播才是最重要的。

让我们使用网页版面设计的减法——分块——加法技巧,进行案例设计吧!

先看作品:

网页设计师应该知道的网页版面设计技巧(精)

1、减法

网页设计师应该知道的网页版面设计技巧(精)

原图

为了不使形态干扰到网页内容的表现,通常情况下,我们会先对物的形态进行简化,使其在保留特征的同时更适合之后内容的安置。

1.特征的提练,如案例中的棒球,它的特征有两个,一个是圆形的轮廓代表是一个球体,另一个是红色的缝线,代表它是一个棒球而非足球或篮球。

网页设计师应该知道的网页版面设计技巧(精)

2.审查删除重复的元素。特征提炼后,在保留棒球特征的情况下,我们选择去掉其中一根缝线,为信息腾出更多可操作的空间。

2、分块

网页设计师应该知道的网页版面设计技巧(精)

根据物的形态对网页的信息内容进行规划。

3、加法

网页设计师应该知道的网页版面设计技巧(精)

进行加法前,网页大致的雏形已经出来了,之后加法的工作主要有四个。
1.具体内容的填充
2.气氛和视觉的补充,让整体效果更真实,如前景的人物添加始棒球的主题更明确,运动感更强。
3.特征的还原和细节补充。不得不承认信息高于装饰。在确保信息的完整性后,我们在不干扰信息呈现的情况下还原一些原来删去的细节,如背景缝线的还原,选择了低透明低饱合的浅灰色,让棒球更真实。

网页设计师应该知道的网页版面设计技巧(精)

当我们浏览这个页面时,强视觉冲击力的棒球大效果映入眼帘。简单的视觉扫描我们便立刻了解了这个专题的核心主题。结构清晰、主题明确,视觉强烈。

其他案例:

网页设计师应该知道的网页版面设计技巧(精)

网页设计师应该知道的网页版面设计技巧(精)

网页设计师应该知道的网页版面设计技巧(精)

网页设计师应该知道的网页版面设计技巧(精)

网页设计师应该知道的网页版面设计技巧(精)

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/898.html

(1)
江山如画的头像江山如画管理团队
上一篇 2018年2月1日 上午9:59
下一篇 2018年2月2日 上午9:56

99%的人还看了以下文章

  • 平面设计中最常用的一项设计技法-K先生案例精讲

    对比是在平面设计中最常用的一项设计技法,几乎每一个作品中都会出现“对比”的痕迹,今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧,包括大小、色彩、肌理、前后、疏密、虚实…等等,每个技巧运行都配有设计案例,一步步教你如何分析设计,讲解到位,通俗易懂,实用性强,一定会对你的设计有所帮助。

    2020年4月26日
    11.7K0
  • 左侧固定,右侧自适应布局的两种实现方法

    左侧固定,右侧自适应布局效果图 很多页面,特别是网站后台管理页面,不少采用左右布局。本文讲解左侧固定,右侧自适应布局的两种实现方法。 左侧固定200px宽,右侧自适应,中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…

    2019年3月10日
    3.3K0
  • 第3章CSS基础

    本章学习目标:
    了解CSS基本概念
    掌握CSS选择器的使用
    掌握在网页中应用CSS的方法
    掌握使用Dreamweaver编辑CSS的方法

    2018年3月22日
    4.4K0
  • 企业做网站选择定制开发,还是网上在线模板建站好?

    不少企业老板,要做网站,总爱先问做网站多少钱? 在《做个企业网站多少钱?》一文中,我们讲解了做网站,先要明白,价格和价值的关系,只看价格不比质量,不看实际给企业能带来多大价值的网站都是没有什么用处的,看似便宜,实际多花了钱,后期还要重做,总起来花的钱比原来还要多。想花一千的价格,还要求网站页面漂亮,功能完善,用户体验及排名都要好,这是不现实的。 企业做网站选…

    2018年12月17日
    2.1K0
  • 字体性格—解决字体设计和使用的问题(精)

    字体性格就是通过字体结构、笔画、细节的差异,塑造出形式多变的字体,从而给人不同的视觉感受。好的字体设计,总能在第一时间准确地传达字体情感,这就是字体性格的魅力。

    2019年11月27日 网页设计
    3.4K0
  • 第1章 网页设计与制作基础

    1.1 网站与网页1.2 网页相关的概念1.3 网站制作基本流程1.4 网页设计制作工具

    2018年3月15日
    2.5K0

发表回复

登录后才能评论