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

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

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

1.减法

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

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

2.分块

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

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

3.加法

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

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

先看作品:

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

1、减法

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

原图

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

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

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

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

2、分块

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

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

3、加法

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

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

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

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

其他案例:

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

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

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

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

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

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

(1)
江山如画的头像江山如画管理团队
第一章Java Web应用开发技术概述
上一篇 2018年2月1日 上午9:59
photoshop 给证件照换背景颜色
下一篇 2018年2月2日 上午9:56

99%的人还看了以下文章

  • web开发技术课程项目考查

    考查目的 一、专业能力目标 ①检验学生对《web开发技术》课程的理解与掌握情况 ②锻炼学生运用所学知识解决实际问题,进行项目开发的能力。 ③掌握web项目的开发流程,网站建设的技术和方法,具备一定的网站设计能力及网页制作能力。 ④培养学生网站规划建设、发布,以及管理维护的基本技能。 ⑤培养学生掌握项目开发的的思想和方法,树立严肃认真的工作作风。 二、技能目标…

    2018年6月1日
    11.6K0
  • 如何提升设计价值——方法篇

    如何提升设计价值——方法篇如何提升设计价值——方法篇如何提升设计价值——方法篇如何提升设计价值——方法篇

    设计≠艺术,设计从诞生之初就是为“解决问题”而存在。在体验设计场景,如果业务方是“需求提出者”,那产品经理和设计师就是从不同视角切入的“问题解决者”,而用户既是“需求源头”,又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

    2023年1月16日 网页设计
    10.0K0
  • 1秒学会两点透视绘图技巧

    1秒学会两点透视绘图技巧1秒学会两点透视绘图技巧1秒学会两点透视绘图技巧1秒学会两点透视绘图技巧

    三点透视是一种绘图方法,一般用于超高层建筑,俯瞰图或仰视图。第三个消失点必须和画面保持垂直的主视线,必须使其和视角的二等分线保持一致。 (二点透视)就是把立方体画到画面上,立方体的四个面相对于画面倾斜成一定角度时,往纵深平行的直线产生了两个消失点。 建筑绘画的两点透视要比三点透视还要难以掌控,Anatoly Reza Pahlevi 为我们展示了他的独门绝技…

    2018年7月14日 网页设计
    14.6K0
  • 网页设计心得-图片的选择和处理

    网页设计心得-图片的选择和处理网页设计心得-图片的选择和处理网页设计心得-图片的选择和处理网页设计心得-图片的选择和处理

    网页设计师心得-图片的选择和处理,教给你如何根据色彩角度、网页角度、摄影角度来选图,并通过几个简单的案例教会你如何处理图片。

    2022年3月19日 网页设计
    2.8K0
  • 从零开始做APP界面设计二:App界面设计尺寸

    从零开始做APP界面设计二:App界面设计尺寸从零开始做APP界面设计二:App界面设计尺寸从零开始做APP界面设计二:App界面设计尺寸从零开始做APP界面设计二:App界面设计尺寸

    Android SDK模拟机的尺寸 屏幕大小 低密度(120) 中等密度(160) 高密度(240) 超高密度(320) 小屏幕 QVGA(240×320) 480×640 普通屏幕 WQVGA400(240×400) WQVGA432(240×432) HVGA(320×480) WVGA800(480×800) WVGA854(480×854) 600×…

    2018年4月21日 网页设计
    9.2K0

发表回复

登录后才能评论