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

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


拿到素材后:

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、留白不要太多,要把握好程度,否则容易让版面太过于单调和空阔,平衡感会丢失。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 198,932评论 5 466
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,554评论 2 375
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 145,894评论 0 328
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,442评论 1 268
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,347评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 47,899评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,325评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,980评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,196评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,163评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,085评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,826评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,389评论 3 302
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,501评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,753评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,171评论 2 344
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,616评论 2 339

推荐阅读更多精彩内容

  • 以下摘自微信公众号 研习社 1.怎样才能不被素材绑架 设计师要准确透彻的理解想要传达的信息,才能合理的利用素材来提...
    葡萄紫耶阅读 1,317评论 0 3
  • 立夏时节,阴雨犹存。 此刻,已是深夜,窗外传来嘀嗒之声,又下雨了。 我其实对雨并没那么反感,特别是夏天。但每当心绪...
    言行者阅读 272评论 0 0
  • 2017年9月25日 星期一 五华 天气晴 28°C··33°C 今天来谈谈倾听,今天和客户聊了挺多的,其实...
    陈贺雄阅读 300评论 2 0
  • 打卡 姓名 胡玉娇 公司 大连铭城包装有限公司 组名:努力三组 【日精进打卡第15天】 【知~学习】 《六项精进》...
    胡玉娇阅读 321评论 0 0
  • 巜商业的本质》,这本书听了三遍,很坚涩,听不懂。与我平日里生活关系不大。 有一点听到有感触,一O年曾经创业维艰,人...
    马海风阅读 131评论 0 0