时间整理,素材整理,内容整理,需求整理
拿到素材后:
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、留白不要太多,要把握好程度,否则容易让版面太过于单调和空阔,平衡感会丢失。