今天完成的事情：

网页设计的banner

尝试绘画2.5d插图

明天计划的事情：

一个手机整页banner

任务九

遇到的问题：

1、

答：方法1

方法2：

2、如果2.5d图形要有描边，如何做到如下图2的样子。

答：描边居中对齐、端点圆角；且取消编组后，不要挪动，因为不好通过对齐还原。

如果挪动了，重合路径处的描边会出问题（因为无法还原位置，而更粗或更细）。下面的截图是尝试过的方法：删除了其中1条重合路径，突出立体的部分变成开放路径。

这样有2个限制：开放路径的描边智能居中对齐：挪动以后依然不好对齐。

3、banner设计的思路

点评：颜色太多；IT修真院和英文太小，看不清

英文改成12px，修真院字号18px

点评：12号只是极少数文字才会用，最低14。上面it修真院、外门弟子这都迷之字间距，太散；字号相差太大了，外门弟子这些都可以再大一点。

点评：it 修真院的样式有问题，蓝色的线太突兀。用了4中字体，太多。

点评：文字小不要用特殊字体，容易看不清；现在的it修真院看着就很奇怪。

点评：字太小了，整体都小

收获：banner设计需要注意的地方：字体 颜色 字号 字间距之间的平衡。

进度：任务九

任务总结：

任务名称：UI=TASK1

成果链接：https://pan.baidu.com/s/1LkNARfS8xirDan7Mg84uBg

任务耗时：0306=0307，无延期

技能脑图：

       官方脑图：

       个人脑图：

任务总结：

1. 任务进度 符合预期，未延期
2. 
   
3. 脑图对比分析：我的更详细些，带点设计思维的分析
   
4. 
   
5. 问题：

6. 如何调整图像大小

7. 1. 答：使用直接选择工具

   2. 
      

   收获：

   栅格的使用

   直线的使用

   选区的使用

   
   

8. 进度：任务九

   任务总结：

   任务名称：UI=TASK2

   成果链接：https://pan.baidu.com/s/1IN5Bd5jb8FRWuEeSKdBDFA

   任务耗时：0308-0310，未延期

   技能脑图：附上个人和

   任务总结：

   1. 1. 
         

   个人脑图
   

9. 

10. 官方脑图

11. 

12. 1. 任务进度符合预期，未延期
    2. 
       
    3. 脑图对比分析：
    4. 都偏重软件的使用

13. 
    

14. 遇到的问题：

    1、下列图形，用了几种方法

    先是添加锚点，用钢笔工具一点点调整弧度

    后来直接等距添加锚点，用小白工具选择需要编辑的锚点，平移即可

    总体速度变快

    

    

    2、途中的水滴图形，也改了几次方法

    先是用半圆和夹角拼接，这样看起来国度不自然。

    后来整元，小白工具调整个别锚点，钢笔工具调整弧度即可。

    

    3、齿轮形状，使用多边形，小白选择工具，个别编辑的结果（具体参数还可以调整

    

    
    

    收获：

    锚点和布尔运算在扁平化图标中的日常运用

    
    

1. 
   

2. 进度：任务九

   任务总结：

   任务名称：UI=TASK3

   成果链接：https://pan.baidu.com/s/1maeHUanhzUTzHEIXyuY8-g

   任务耗时：0311-0312，未延期

   技能脑图：

         个人脑图

3. 

4.       官方脑图

5. 

6. 任务总结：

   1. 1. a 任务进度符合预期，未延期
      2. 
         
      3. b 脑图对比分析：
         1. 都偏重软件的使用

   
   

7. c 遇到的问题：

   1、（已解决）AI中如何自由变化形状：画出后，用小白工具单击某端点，属性栏编辑。

   

   

   2、（已解决）不规则圆角形状的绘制：圆角矩形做边，圆角度是宽度一半；另注意凭借时，边的平整。

   

   

   3、（已解决）

   

   答：文件-文件颜色模式-改为RGB，之前是CMYK（可以发现RGB比CMYK模式的颜色显示上偏白一点，前者的有些颜色后者显示不了，称溢色）

   

   

   
   

   4、（已解决）排列问题，注意在编组时，是否把参考线划了进来。

   
   

   

   3、（已解决）AI隐藏网格的方法：

   

   
   

   收获：扁平图标的AI画法，尤其是路径查找器中布尔运算、分割的运用。

   
   

1. 进度：任务九

   任务总结：

   任务名称：UI=TASK4

   成果链接：https://pan.baidu.com/s/1-WRaaGml0vV_j9Va-8G7VQ

   任务耗时：0313-0315，未延期

   技能脑图：

         个人脑图

2. 

3.       官方脑图

4. 

5. 任务总结：

   1. 1. a 任务进度符合预期，未延期
      2. 
         
      3. b 脑图对比分析：
         1. 个人的脑图，注意到了如何利用工具的剪贴蒙版体现设计思维。

   
   

6. c遇到的问题：

1、

没找到原因，所以不能用图一中的方法进行双层描边。所以百度了另一种方法。

（图一）

（图二）

2、（已解决）

3、（已解决）了解的智能对象的功能、如何进入、如何退出、如何取消（栅格化图层）。

4、（已解决）做斜面和浮雕时，发现参数对，效果不对。检查了才发现，是用了空心的方框图形，而原图是实心的方框。

收获：

混合选项：线性渐变、描边、投影、外发光等的运用。

剪贴蒙版：材质感、高光感、加强光感的方法。

1. 进度：任务九

   任务总结：

   任务名称：UI=TASK5

   成果链接：https://pan.baidu.com/s/1iab6hETtsRJ6IRVWHEP1OQ

   任务耗时：0316-0324，延期5天

   技能脑图：

         个人脑图

2. 

4.       官方脑图

5. 

6. 任务总结：

   1. 1. a 任务进度符合预期
      2. 虽然延期了5天，但是改过很多版本，每次都在设计思维上有一点点进步。
      3. 
         
      4. b 脑图对比分析：
         1. 个人的脑图，不仅注意了配色，字体、设计元素都注意到了
         2. 
            

7. 
   

8. c 遇到的问题：界面设计的系统思维

   c-1 打开PS play也不会检查，感觉主要信息明显，次要信息低调点

   配色不太突兀，就看不出啥了，想着要不先去做点借鉴

   （作业被检查修改了多次，感觉渐渐有点眉目了，见后文）

   
   

   c-2 没有感觉，想加自己喜欢的元素，改改改，改到不喜欢了

   （模板都选的喜欢的元素，听意见改了之后，感觉不是最初想要的样子。想坚持保留喜欢的部分，发现可以在颜色大小上微调） 

   
   

   c-3 不清楚细节该看哪里

   （大体有了逻辑框架：见后文）

   
   

   
   

   2、逻辑框架总结如下：
   

   a 设计规范：标题栏、导航栏等
   

   
   

   b 分清层级，平行层级间的区别，主次层级如何凸显或低调（主要体现在颜色、面积上）：

   b-1 主体：背景选用白、灰，偶尔黑色；不建议渐变；背景颜色的选择会影响其他配色乃至其他界面配色的选择

   板块的设计空间大写：一般不大，颜色饱和度低，尤其红色容易引起视觉疲劳。

   b-2平行层级：板块间的颜色不能过近，但也不能个别突兀（比如明度）

   b-3次级：警示颜色尽量相近，形式尽量简单，是为了低调；然后注意边距保持辨识度。

   
   

   c 层级内部的细节（主要体现在对齐、间距、颜色细节上）

   c-1首先是辨识度的问题：

   字体选择：字量比较多的情况，选用普通字体更有辨识度

   注意各种间距、边距

   注意颜色的辨识度

   （辨识度的问题，不是越大越好，越艳越好，而是规范内的相对）

   c-2 其他细节：

   添加颜色增加细节感辨识度，同时可以调节明度色相，与整体协调。

   注意各种大小、颜色（投影、渐变、颜色对比、圆弧等等）等是否有突兀的地方

   杂色的使用，更适合偏暗的底色

   注意背景色、板块色、脸色偏灰的问题。

   
   

   
   

   
   

   感觉师兄师姐非常非常细心了，提交多次任务，依然细心解答，抠细节的同时也有逻辑性，

   虽然觉得一点点改，很考耐性

   希望后面还是能这样多多沟通

   
   

   掌握了一点点保持特色的方法，感觉自己使用的话，可能也会选自己弄的界面。

   
   

   收获：APP界面设计的初步接触

   
   

   
   

   
   

9. 
   

10. 
    

1. 进度：任务九

   任务总结：

   任务名称：UI=TASK6

   成果链接：https://pan.baidu.com/s/1gYzXUNJHenv1TL-2WFGO5g

   任务耗时：0325-0330，延期3天

   技能脑图：

         个人脑图

2. 

3. 

4. 

5. 

6.     

7.   官方脑图

8. 

9. 任务总结：

   1. 1. a 任务进度符合预期
      2. 虽然延期3天，但是一点点修改，每次都在设计思维上有进步
      3. 
         
      4. b 脑图对比分析：
         1. 个人的脑图，更偏重配色方面的改进

   
   

10. c遇到的问题：配色部分是一大问题，解决方法是参照好作品、使用配色网站、下APP分析等。

任务六的整改

banner配图与主题不相符、颜色不搭、风格不搭（不够现代）

然后用色：太乱 太灰 太绿 太亮，相近色过近，部分色突出（尤其红色）

收获：

metro风磁贴配色的注意事项。

进度：任务九

任务总结：

任务名称：UI=TASK7

成果链接：https://pan.baidu.com/s/1b5kSopoLkDEhzQolq5MGZw

任务耗时：0331-0441，延期11天

技能脑图：

 个人脑图

1.   官方脑图

2. 

3. 任务总结：

   1. 1. a 任务进度符合预期
      2. 虽然延期11天，但是一点点修改，每次都在设计思维上有进步
      3. 
         
      4. b 脑图对比分析：
         1. 个人的脑图，更偏重设计思维：配色、文字、排版等，在软件工具方面有些止步不前。

   
   

4. c遇到的问题：

1、如何从各个细节检测自己的作品，首先要有经验，好的指导是很有作用的。

2、做任务遇到瓶颈，没有审美，没有愉悦。定期梳理了心情。

收获：图标的整体规范问题等

进度：任务九

任务总结：

任务名称：UI=TASK8

成果链接：https://pan.baidu.com/s/17xU2N5ZF_EpuSxS9sbJVBg

任务耗时：0415-0417

技能脑图：

              个人脑图：

1.   官方脑图

2. 

3. 任务总结：

   1. 1. a 任务进度符合预期，未延期
      2. 
         
      3. b 脑图对比分析：
         1. 个人的脑图，主要内容是切图和标注的工具和规范。

   
   

4. c遇到的问题：

遇到的问题：

1、遇到图片参数为奇数的问题，用选框工具改了尺寸

答：是需要进行修改到规定尺寸才可以输出,所以做的时候就直接在750*1334上进行制作,或者在规定的icon画布上进行制作

2、就是图中红框出的图标大小是42px*36px，按照图1说法，是不是不能直接切，要框选

答：可以直接用的750*1334上进行制作的，建议直接在规定的画布上进行制作,避免这些麻烦.至于这个问题,觉得既然官方说明上写的可以,那么就按照官方文档上写的,设置成真实画布大小

3、关于cutterman参数设置：假设需要输出分辨率为iPhone6的750*1334px，实际画布大小为，

然后cutterman参数设置为，不知道是否对。（后面的截图是cutterman官方说明。）

3、命名方式遇到了2种说法，不知道选哪种。

答：第二种个人觉得更加的清晰

方式一

方式二

4、图中单位px是否可以不写，如图

答：不能不写px,因为有很多单位 厘米毫米英寸pt等等单位

5、图中默认了居中情况，所以没有标注，不知道可以吗？

答：不需要标注,前端开发的会设定

收获：

切图标注的理论知识。