发表于: 2018-11-22 22:33:51

1 927


今天完成的事情:今天开始做复盘准备,写复盘ppt,从任务一开始回顾。
明天计划的事情:继续吧复盘PPT做完

遇到的问题:定制iOS图标的栅格系统,这个栅格系统我一直没搞懂是自己画出来的,还是ps里面自带得有这个栅格系统,还有栅格系统那个黄金比例的算法到底有何用?我所定义的就是栅格系统其实就是用来衡量一套图标大小是否一样的标准,不知道是不是这样的。
收获:

1、画像素图标前

要注意输出格式及应用场景,因为这对绘制时的技法会有影响,所以不明确要多跟前端沟通。

2、思考时

首先要明确图标的作用,装饰、表意、品牌权重不同,表现方法也不同,通常表意性越强,图标越符号化。明确作用后提炼概念,转换为日常生活中常见的事物,要注意除非是约定俗成很常见,否则少用抽象的符号表达。多用手绘画画草稿,比较不同方案。

3、画的过程中

先矢量工具铺大关系,再铅笔工具细化,要注意对齐像素会更清晰锐利,次像素可以更平滑。一套图标要有视觉上的一致性。

4、画完之后

输出过程中保持和前端的沟通,画好的图标要良好存档,确定更新流程及负责人。

5、使用icon的标准设计尺寸系统

8pix 栅格和12列栅格是目前最灵活的设计尺寸系统。12可以被2、3、4、6整除,所以24*24pix 和48*48pix 是目前的标准 icon 尺寸。如果需要更大尺寸的 icon 可以直接放大使用。

6、色彩是最能引起心境共鸣和情绪认知的元素,三原色能调配出非常丰富的色彩,色彩搭配更是千变万化。设计配色时,我们可以摒弃一些传统的默认样式,了解设计背后的需求目的,思考色彩对页面场景表现、情感传达等作用,从而有依据、有条理、有方法地构建色彩搭配方案。

7、两个图形的视觉大小是否一致,是由两个图形的面积是否相同决定的。也就是说只要能够保证两个图形的面积基本相同,那么我们就能保证两个图像的视觉大小基本一致。

8、边缘有角的图形要拉长一些才能在视觉上与方形边缘的长度对齐。制作文字按钮时一定要记得调整行距。有角 icon 的对齐方法是保证每个角到边的距离相等。






返回列表 返回列表
评论

    分享到