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

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

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

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

  • 赞!前端工程师应该具备怎样的能力和素质

    前端工程师应该具备怎样的能力和素质? 技术功底、技术视野、技术追求 除了开发业务功能外,还需要对开发规范、工程化、组件化、模块化、测试、设计模式有一定的认知和实践 沟通表达能力、书面表达能力、总结复盘习惯 全局思维、抽象思维、持续交付意识 项目一号位担当,团队协作意识 综合权衡:成本、效率、质量、风险、体验 关注产品、设计、商业等各个领域。交叉学科会带来更多…

    2023年1月18日
    1.4K0
  • 怎么知道哪些字体是侵权的?免费可商用字体有哪些?免费字体打包下载

    字体版权一直是很多设计师的雷区,一不小心就容易触犯。125建设网和大家一起来弄清楚:免费可商用字体到底有哪些?怎么知道哪些字体是侵权的? 怎么知道哪些字体是侵权的? 可以在360查字体:https://fonts.safe.360.cn网站上检查自己电脑上哪些字体是免费可商用的,哪些是商用需要授权的。 免费可商用字体有哪些? 1. 思源黑体(推荐) 思源黑体…

    2023年1月18日 网页设计
    9170
  • web前端开发需要哪些技能?

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

    2018年7月17日
    1.9K0
  • 配色就是这么简单!7个在线配色网站推荐

    配色对一个网站的来说非常重要,优秀的网页配色不是单纯好看就行了,颜色是有功能和目的的,需要了解颜色背后所能传达的信息、氛围、价值观……当你在面不同的客户时,你要清清楚楚的知道,你应该从什么倾向的颜色入手。网页面向的人群的年龄段、性别比例、消费层次、风格偏好等等,都应该作为选色的考量因素。 但网页配色更多的需要大量的实践去体会。简单来说…

    2018年1月31日
    25.1K1
  • 设计师必收藏的22个设计素材网站

    设计素材,是设计师创意的利剑。中国网页设计对素材门户网站进行整理,给广大设计师推荐国内最好的22个设计素材网站

    2020年2月23日 网页设计
    9.2K0
  • 福利!13款免费商用黑体字体推荐

    “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体,前 6 款为各大品牌开发的黑体字型,后 7 款是在传统黑体上进行设计改造,形成各有特点的黑体变体。 Adobe 和 Google 共同开发的免费黑体。字体设计优雅,显示效果优秀,可以满足不同场景下的文字显示需求。由于字…

    2023年1月20日 网页设计
    6.1K0

发表回复

登录后才能评论