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

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

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

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%的人还看了以下文章

  • web前端开发需要哪些技能?

    做WEB前端开发需要掌握哪些知识和技能? 中国网页设计通过对大型软件企业及IT培训机构(Oracle)的调研,把web前端开发需要的技能点列举如下。 HTML HTML简介 HTMl结构 HTML常用标签 HTML框架 HTML表格标签 HTML表单 HTML多媒体 CSS css简介 css的基本使用 css选择器 css常用样式属设置 CSS定位与DIV…

    2018年7月17日
    1.5K0
  • 最完善的前端开发流程(详解)

    前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理。理论上,面向用户的产品里,所有问题(包括产品、设计、后端、甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题、计算问题、安全问题等)暴露在后端,这就意味着前端起到了至关重要的承载和连接作用。 一、前端开发流程 需求评审 一般在做需求评审时,PRD里只有交互稿,尚未有视觉稿。…

    2023年1月18日
    3340
  • 毛笔字生成器,毛笔字在线生成网站

    125网页设计今天给大家推荐几个毛笔字生成器,毛笔字在线生成网站: http://www.51poca.com/ http://www.epinv.com/online/ http://www.akuziti.com/mb/ 毛笔字改造使用方法 将下载下来的字体图片AI转路径,编辑文字。 首先使用在线生成器输入选择好你需要的文字字形,将文字图片拖至AI中。 …

    2019年1月5日 网页设计
    6.4K0
  • 网站logo制作13项实用技巧

    介绍了常用的网站logo制作方法、制作技巧。

    2019年11月16日 网页设计
    4.0K0
  • 第3章CSS基础

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

    2018年3月22日
    2.9K0
  • 网页制作中表单的设计及优化方法

    表单是网页制作中常用的元素,本文会探讨表单设计的注意事项。但这些只是通用规范,每条准则总有特殊情况。 表单应该只有一列 多列布局会扰乱用户垂直方向的视线移动。 把标签放到顶部 顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标…

    2018年7月30日 网页设计
    2.4K0

发表回复

登录后才能评论