6月大上课笔记

1、201406021.要当ios 策划图在纸上将草图画出来，整理成具体的页面，这样知道需要完成多少任务搜集好需要用的资料信息，再开始做图接受到需求整理的文档，按照思维导图左上到右下的顺序，将提到的功能和需要逐个在纸上按照页面树的形式展开将页面树展开为效果草图（这步是为了统计你的工作任务和工作周期）设计，细化草图，解决页面不。20140603交互设计：icon 温度计讲解，交互设计定位1.是让用户感到友好和简单的界面，同时为了拓展用户（隐性）需求，帮助用户去发现自己的需求，并能在心理上认同2,.不同的用户群体喜好不一样，要根据市场要求定位风格201406041.2.3.继续之前的ios 策划图讲解

2、重点讲解圈，不会做的话先扒一扒好的作品（你懂的）一定要把所有的信息和需要完成的任务整理完了再开始ios 控件功能：ios 控件是有严格规范的，如果用户想实现某种功能，可以通过点击的按钮来完成，ios 提供了很多程序和 UI 都会使用的功能越是让客户投入精力来玩的应用，用户越是离不开设计的原因有很多种，你只需出一个就好，因为大部分人其实更本不4.5.懂，而且在设计中，没有任何是。20140605 icon 图标讲解icon 的制作就是不断的叠加法不论是 icon 还是网页 ui，都是相互扒的，无非外形，形状，颜色搭配20140606UI 设计中的忌讳1.2.3.4.背景颜色和前景颜色要保持色域一

3、样做完的时候记得要标注颜色条，这样更专业按钮与按钮之间不要有位移啊，实在拉参考性看过的作品越多，你的设计思路越多20140611面试必备，产品标准流程1.2.3.4.观察 observe：观察有没有问题，提出解决的方案理解 understand：理解用户和问题的本质分析 user-needinsight：用户需求和方案prototype：（可以用铅笔起草稿）策划文档：需要的功能分布框架图：用草稿描绘出功能的布局多个页面的主要流程图：完成整个操作的具体步骤5.6.7.反馈 feedback:交互设计师结尾，迭代设计 iteractive：修改之前设计中经过用户测试后反馈和缺陷，优化设计再次测试：

4、交互设计师，市场部，项目，投资商一起找茬8.胜出方案winner：得到最后方案开发给市场20140612交互设计七原则1.2.3.4.5.6.7.关注用户寻找方案使用构思和原型法写作和描述约束创建合适的方案，特定时间特定场景特定任务汲取来自大范围的影响，心理学，人类工程学，经济学，工程引入情感（情感化设计）201406191.2.UE 用户体验UE 是指不同产品之间的直观感觉UE 站在什么基础上（WHAT）：以目标用户群的任务为执行标准以目标用户群的特征为基础以获取之间/间接的商业利益为目标对操作界面的优化过程该怎么做(HOW)：掌握用户群的潜在特征（简单操作，快快快）梳理清晰的功能流程通过各

5、个关键指标的权衡，来创造使用过程和良好的体验为什么要使用 UE 这个观点(WHY)：同类型产品的竞争树立品牌特征（人文/专业）延长生命周期（继续循序渐进的发展空间）3.4.201406191.2.3.设计的时候学会分离形状和颜色能网上找的素材就不要自己做了ios 设计者一定一定要减少装饰设计对象可以分离考虑（颜色，位置，材质，光感，形状）201406241.2.3.校讯通栗子（实例转化为ios）苹果机里面一切都是以像素为ios7 中最上面的菜单栏固定为 60px（ios5 为 40px）草图先在纸上完成，设计过程要心中有数201406251.2.3.4.5.ios 的切图标准做任何的 ios，

6、都要用 psd 源文件做（已经做好的 psd），不要自己手动改（组件）文字大小：最小的 icon 不得小于 88*88px尺寸为偶数命名规则：请大家多参考苹果的规范性做法命名表（惯用英文，要背）：页头heedet内容content导航 nav页尾 footer页面整体math侧边栏 sidebar位置左右 LCR栏目column布局 wrappertab菜单 sub按钮 btn状态 visited pressed20140628ios 额外的规范引导图/启动页 splash image:一个或多个得户忽略加载时间）1.组成的 app 优点介绍（使2.3.登陆页/首页 login/index：首

7、页（索引/目录）或者登陆页功能页/流程图options/contant:具体功能实现所需页面各种ios 样式1.tab 样式：优点：功能陈列明确导航清晰，切换功能方便，可以指定一个重要的首页缺点：过于传统，没有新鲜感，笨重，能够显示的有效信息比较少2.six pack 跳板式/腹肌式优点：功能展现全面，可容纳（）功能多缺点：易迷失，学习成本高，容易形成很深的路径，基本无辅助信息list 列表式优点：功能展现全面并可容纳注释文本（次级内容）缺点：过于传统，视觉疲劳，展现量少carousel 旋转木马式优点：浏览方式流畅，单页面内容可读性强，有杂志感缺点：可展现的页面数量较少，线性方式不灵活，无法

8、跳转drawer 抽屉式优点：多种兼容方式，可扩性良好缺点：隐藏了要求高零基础经验用户难，对左侧功能可见性要求高，排版6.plus 点聚式（抽屉按钮）优点：灵活有趣，开阔缺点：半隐藏式，用户不容易注意到，浏览感受不良7.water fall 瀑布式/card 卡片式优点：浏览顺畅缺点：极易丢失浏览进度，缺乏整体感受易产生疲劳Hierarchicai 树形信息结构（线性/非线性）IOSHat扁平结构（扁平）Experience-dirve 体验驱动式（和杂志一样一页一页往下）20140630抄出效果图抄：拆分（颜色、布局）。1. 颜色：客户对产品第一印象是颜色搭配。针对越小，在色盘选择范围越大。

9、用色轮检验配色标准，主色颜色取色轮一侧，对比色取对角颜色。2. 布局：找同类（例：登陆页面合集），拼凑。动态变化的表达：UI 设计中，图形描述动作是重要过程，通过点/形状变换实现。把一个或者几个图形元素拼接到一起，加进抽象语言/图形，来表达事实，具象化动作、状态，体现应用使用特征，使页面有生命力。（例：用点或者线的状态表示翻书）。为何要抄？高大上理由：熟练掌握多种变换形式，汲取他人精华，不被自己设计所局限。给和客户一次交 3-4 个方案，直接抄，自己一个都不做，快速拼出几个。挑出一个细修，剩下故意制造问题。选定后再自己画。客户提供需求不全时，扒他业最优秀的公司内容。的一键形成APP/网页的：13 款优秀的网页线框图设计和制作工具/lhb25/archive/2013/01/04/13-super-useful