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

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

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

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

  • 董文利聊颜色搭配-节日经典配色

    网页设计师联盟优秀设计师董文利,董老师系列教程分享,聊颜色,特别是按节日给出的经典配色,牛** 董文利一名靠谱平面设计师/网页设计师/插画设计师。典型80后,爱绘画,玩音乐,不做设计的时候喜欢独自一个人在家附近的江水旁静静的坐上一小会儿。2011年毕业于湖北工业大学艺术设计学院,所修专业是平面设计。

    2021年2月4日
    6.1K0
  • 网页制作中表单的设计及优化方法

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

    2018年7月30日 网页设计
    3.3K0
  • 网页设计中的字体选择以及常用字号

    网页设计中的字体 中文:宋体,微软雅黑,方正系列(无状态) 英文: Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。 Lucida Grande:是Mac OS U…

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

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

    2018年3月22日
    4.3K0
  • 汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    中国具有五千年文字历史,文字中所包涵的精髓,值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征,并能灵活运用字体进行编排设计,才能使作品的内容更清晰、更有条理地传达给读者。

    2023年1月18日 网页设计
    4.6K0
  • 如何给节日主题、活动主题做设计

    产品的节日主题设计,已经成为各大门户争先出彩的亮点之一,无论是春节、元旦、七夕、圣诞等传统节日,还是双十一、双十二、阿里年货节和京东蝴蝶节等电商活动日,甚至还有各种国际节日都可以成为各大品牌的一个Show场。 近日,中国网页设计接到一项目需要做活动主题页面,在网上查了下相关教程不是很多,能讲深讲透的更少。后来看到JaylonG的文章,感觉很有启发,现分享给大…

    2018年3月12日 网页设计
    3.8K0

发表回复

登录后才能评论