美文网首页工作生活
设计信息整理及构图与排版

设计信息整理及构图与排版

作者: 李知南 | 来源:发表于2019-07-01 00:25 被阅读0次

时间整理,素材整理,内容整理,需求整理


拿到素材后:

1、拿到需求的时候,先对需求进行分析

2、学会提取关键元素并加以表现手法的运用

3、找参考物或灵感对象

4、开始进行初稿设计


如何分析需求

        以护肤品Banner为例,文案为“主标题为夏日护肤,开启肌肤保护伞,献给爱美的你。次内容为满199赠100返50,活动时间为7月11-7月20日”。产品是一款透明质地的爽肤水或化妆水,包装盒为绿色。像这样的的需求要如何开始设计?

首先,我们要去分析这款产品针对用户群体是哪些?

第二,要去看我们这张banner图后续要放到哪个地方进行展示?

第三,我们这个产品的目的是什么?产品宣传或是促销又或者是两者皆有?

我们要根据不同的产品,进行不同的需求分析,并不的代表每一个产品的步骤都是一样的。


提取素材运用

拿到产品素材图片观察后:

1、若针对的用户群体多为女性,我们在文字上尽可能采用纤细的字体,甚至可以一定程度上使用宋体字,贴合女性风格并展现高级感。

2、看产品外包装的颜色,确定主题色调,并且可以加入同色系的元素。

3、观察素材图片整体的风格,进行版面设计的时候采用相近的手法进行设计。


寻找参考灵感

       已经确定好元素和大致的设计方向,若还没有想好如何制作的时候,可以通过一些网站或平台找到同一类型的设计作品,大概了解其他作品的思路及制作方向以及手法的借鉴,可以将多者进行融合,生成自己的作品。


构图

        构图是一个造型艺术术语,即绘画时根据题材和主题思想的要求,把要表现的形象适当的组织起来,构成一个协调的完整的画面。

        指作品中艺术形象的结构配置方法。它是造型艺术表达作品思想内容并获得艺术感染力的重要手段。在视觉艺术中常用的技巧和术语,特别是绘画、平面设计与摄影中。

        在UI设计中,构图的主要作用是构建协调有序的页面布局。

对称式版面

        在视觉上有平稳、自然、均衡、协调、整齐、端庄等这些让人安定的感觉。

重点式版面

        特别强调版面的某一局部,并利用各种排版方式使整体画面有一个重点。一般全版只有一个重点,有时会有两个重点,而且版面的重点非常突出,才能吸引读者阅读。

        排版构图一般会用到:三分法、黄几比例等...

三分法:常用的构图手段,也称井字构图法。是指把画面分成三份,每一份中心都可以放置主体形态,适合多形态平行焦点的主体。



排版

三个原则:从左到右,从上到下,从大到小

格式塔原理

1、相似

我们的眼睛很容易关注那些复杂环境中外表相似的东西,在UI设计中运用相似原理组织好界面中的信息和层级关系。

形状:形状相似用来区分不同的信息,和信息层级无关。

大小:用大小的相似性分组来区分信息层级。

色彩:用不同的颜色分组区分信息层级和归类信息

2、接近

接近的元素更容易被看成一个整体,或者同一组信息。

页面留白

为何要页面留白

        用网站来举例子,大部分用户都喜欢整洁、有逻辑、条理清晰、容易看懂的网站。

        主要是为了突出我们的主体、增加画面的透气性、以及品质感。

页面留白的好处

以网页举例

1、留白增加易读性:文字间距安排合理,如段落文字之间的空白区域使得信息层级关系清晰易懂,整个页面的条理性和逻辑性也会提高,用户的易读性提高,是提升用户体验的一个方法。

2、留白让页面增加呼吸感:一个排版里面如果出现了大量的文字,用户会失去阅读的兴趣。适当的留白会提升呼吸感,不会让用户产生抵触的情绪,也可以结合图片提升阅读的趣味性。

3、留白增加平衡感:很多版面中,如果不使用留白,会让整个版面看起来杂乱无章,用会在阅读时会出现顺序错乱,但过多的留白会让版面看起来太空,因此适当的留白可以营造平衡感,提升视觉感受。

4、留白可以进行元素分割:留白可以分割内容的元素,让用户更加方便的阅读不同的部分,给用户阅读的顺序提供了选择的自由。

页面留白的误区

1、留白是留出空白的区域,说的是空间,不是颜色。

2、留白也有盲区,不是所有的设计都适用,但大部分的现代化设计风格都会使用适当的留白。

3、留白不要太多,要把握好程度,否则容易让版面太过于单调和空阔,平衡感会丢失。

相关文章

  • 设计信息整理及构图与排版

    时间整理,素材整理,内容整理,需求整理 拿到素材后: 1、拿到需求的时候,先对需求进行分析 2、学会提取关键元素并...

  • 【萧蕊冰】平面设计排版构图技巧有哪些?帮你迅速做出一张大家认可的

    之前整理了平面设计排版构图技巧的海报构图类型,今天就给大家讲一下适用于所有平面设计排版构图技巧,主要是讲在设计图中...

  • 美食海报分享与赏析

    美食海报摄影与平面设计格调 色彩与构图 排版与文字

  • 版图与排版

    排版 对于设计图来说,不同的排版方式会对产品产生不同的效果,当然,优秀的排版能够为设计图加分。但是,对于排版构图有...

  • 《包装设计从入门到精通》读书笔记

    “包装设计是一种将产品信息与造型、结构、色彩、图形、排版及设计辅助元素做连结,为产品提供容纳、保护、运输、经销、识...

  • 2019-11-02

    课程设计 课堂表现 作品展示 今日总结~今日重点在于手账的排版,讲解排版和构图。有的同学在手账的排版设计和细节上还...

  • 2019-11-02

    课程设计 作品展示 课堂表现 今日总结~今日重点在于手账的排版,讲解排版和构图。有的同学在手账的排版设计和细节上还...

  • UX阅读日报 2020.07.21

    视觉设计排版: 第一步,先把文字内容做好排版; 第二步,思考场景设计与信息层级处理; 第三步,进行排版设计的布局;...

  • 为什么选择这样排版?

    排版对于设计师来说真是家常便饭的事,最简单的就是把一堆杂乱的信息整理分类就是排版。我们最常看到的就是横向排版...

  • 为什么平面设计师做不好UI设计?

    不可否认,平面设计和UI设计在视觉层面的基础设计知识其实是相通的,比如排版、配色、光影、结构、信息整理分组等知识。...

网友评论

    本文标题:设计信息整理及构图与排版

    本文链接:https://www.haomeiwen.com/subject/vqaicctx.html