4月大上课笔记

1、一、屏幕常用尺寸：640*960(4s)、640*1136(5、5s)。苹果图标做正方形，苹果系统自动给圆角和阴影。二、配色（用于评价公司产品）：（4.17、4.22）1.大面积背景色。2.中等面积框架颜色（例：蓝色栏、导航栏）。3.最小面积警示色（例：提醒红点。Dribble 中有些作品配色用同调，好看但不实用）。4.慎用纯黑纯白，黑白与其他颜色搭配采用叠加模式。浅灰、深灰百搭。5.搭色好看简单原则，彩色+白色字。若单色配白色太单一，可通过改变明暗搭配。三、扁平与拟物扁平：设计，去掉一切装饰，无感，过于简化信息。颜色鲜艳（例：IOS7）暂时流行，不会取代拟物。半拟物：颜色不能太艳图标准则：1

2、.不效果。细节不能变粗节，图层样式细微即可。2.数字用英文字体好看。3.一套图标色域不要偏离太远，参考色盘接近区域。四、Android 规范：（4.24）（相关：htt/design/index.html）Android 需要适配内容太多，无 1 种规范完美适应所有。1、48dp 定律：48dp 约等于 40px-50px 约 7mm-11mm。设计元素，尤其按钮和搜索栏，必须保证有这个大小。电容屏能感受操作的最小面积 =6.88mm,软性平面接触屏幕未超过 6.88mm，屏幕视为无触碰。2、界面之间留白：8dp12-16px。（实际工作要假装不知道 dp，避免与程序猿发生责任纠纷）。3、An

3、droid 4.0 标准字体：Roboto。其实没有字体限制，但整个一套应用设计使用 1 种字体（中文 1 种英文 1 种）。4、做图标使用画布大小：为了更好的适配不同的像素密度，最好使用数倍于目标图标尺寸图标的画布。例：启动图标在 MDPI、HDPI、XHDPI 和 XXHDPI 下的宽度为48、72、96 和 144px,使用 864*864px 的画板可以降低缩放图标时的工作。5、Android 命名约定：Andorid 多分辨率图存在命名为 MDPI、HDPI、XHDPI、XXHDPI 的 4 个文件夹里面，每个文件夹存一套切好的图。6、Android 不同版本号差别：在屏幕上部“搜索

4、”和“”位置一定固定。铁律必须遵守。Android 开发组件，4.3使用。（例：）一般情况下必须这样使用。图标ic_ic_star.png启动图标ic_launcheric_launcher_calendar.png菜单图标和操作栏图标ic_ic_archive.png状态栏图标ic_s_notifyic_s_notify_msg.png选项卡图标ic_tabic_tab_recent.png框图标ic_dialogic_dialog_info.png7、Android 应用结构：网页、平板的 UI 设计结构：人机交互的 3 级蛙跳结构（不会变）：1、主页：必然包括详细分类+一些+一个导航。：

5、包括大图主要的，优势的东西。小图零碎内容。苹果玩儿文艺，无分类。2、列表：第二级，陈列某个分类等内容，可通过多种形式出现。3、最终结果页：详情页。可能某个淘宝商品/文章/评论。是从列表页跳过来。若主页有位置直接跳到最终结果页，称之为快捷操作。（例：帮助中心，们）8、Android与 Apple 最大区别：导航栏位置和安卓虚拟按键9、使用整合多个数据视图：（界面设计基本功）折叠（即信息组织结构化）。结构是由数据库形式决定的。与平面设计的差距，整体结构是活得，能使用能跳转。10、控件：（死记硬背）须依赖的形式选项卡包括：1、列表：从上到下（例：音乐）2、网格列表：很多小方块，横竖皆可3、滚动容器：

6、1、滚动提示，即滚动条2、滚动索引，例：拼音索引联系人4、下拉菜单 (Spinners)5、按钮：（重要，体现页面主次）仅包含图标/文本的按钮，不需要使用背景色。带背景色的按钮显得很沉重，一个页面使用 1-2 个即可。用户一定需要使用的操作 (例如:)。非常重要的操作 (例如: 接受/)。对用户有很大影响的操作 (例如:清除所有数据、立即)。6、文本框：不再是框，而是下划线。最好的界面设计是不用输入。7、滑块：例：调音量8、进度条和活动指示器：加载条 0%-100%。为了狡猾让用户忽略加载时间，加入开机动画，掩饰过长载入时间。9、开关： 1、复选框：方框2、单选按钮：圆的3、开关10、框：1、警告 2、弹出11、选择器：日期和时间选择器11、总结：用户最多，要把东西给，把用不懂的变成简单的。例：培训