最初工作的时候，APP如何做？网页如何做？统统不了解，找不少的网站、手机软件来参考，最后做出似是而非的东西，明明是自己做的临摹的app页面，如何会和原版页面差别那样大呢？更曾一度发现不了我们的app页面做的不好看，沾沾自喜，更感觉UI设计不过这样，没什么技术含量。
再度回首以往做的那些页面，常由于不知道字体、图标大小而随便选择自己喜欢的，如此的后果就是给自己埋了大坑，毕竟工作上的项目，后期是自己要为其负责的。假如早点看到郗鉴老师的这本“UI设计师进阶完全指南”，我肯定能提高双倍的工作效率，不必天天苦兮兮的加班，最后做出来的页面还不好看！
UI是User Interface Design(界面设计)的简称，包括所有人机交互可视化的网页设计，UI设计师的职责是设计工人机交互用的图形化用户界面，并使界面愈加易用和友好。1像素的偏差都可能引某些人的不适感，UI设计是一门非常严谨的职业。我就个人工作中常遇见困惑内容整理了书中app、网站制作的基本内容，期望能帮小伙伴们带来收成，节省工作效率。
a、iphone各系列手机型号、尺寸、用的切图是大家需要知道的（文末附上各类UI Kit下载地址）。
b、iPhone设计应该注意到的尺寸设计，包括导航栏设计、大标题导航栏设计、tab栏设计等。大标题导航栏的高度一般为116pt（包括20pt状况栏，返回图标信息，大标题34pt）。滑动页面时大标题会变成正常导航栏的64pt。
c、闪屏资源。闪屏是一张完整的静态图片，尺寸如下APP和网站制作需要要会的常识技能1242px * 2688px 和 1125px * 2436px两套截图。
f、UI设计师设计界面前需要先做用户研究以知道商品特质，如用户画像、用户调查、用户用场景剖析、设计竞品剖析等。若设计稿需要调节为Iphone X的显示成效，可以下载IOS 12设计源文件，把界面头尾设计成iPhoneX专用头尾。
e、视觉规范。一套手机端的视觉规范应该包括如下什么时间APP和网站制作需要要会的常识技能规定APP主要用的色彩类型。文字颜色/大小规范APP和网站制作需要要会的常识技能规定APP的ICON设计规范。应用图标规范APP和网站制作需要要会的常识技能规定App内所有按钮和交互态的样式。间距规范APP和网站制作需要要会的常识技能nav_icon_sarch_default@2x.png(导航_图标_搜索_正常)
g、动效。IOS主流的动效设计有四种。第一种APP和网站制作需要要会的常识技能序列帧方法达成动效。向开发职员提供按顺序命名的PNG，如APP和网站制作需要要会的常识技能用Airbnb开源的Lottie，用AE完成动效，然后通过BodyMovin插件导出json文件，这种方法还原度非常高。最棒的动效还要设计师与开发职员之间好好交流。
a、Android是一套与windows类似的操作系统。市场上的Android屏幕尺寸大小不一，现在用率高的是720P和1080P。Material Design为大家筹备了一个网站来查看主流Android设施的尺寸。切图需要切出5图库
b、Material Design不是简单的扁平设计，而是一种重视卡片式设计、纸张的模拟，用了强烈对比色彩的设计风格。
c、排版。用栅格系统（列、水槽、边距），好处是规范化、对齐设计。网格尽可能用4的倍数。
d、文字。Material Design在Android设施上用的字体APP和网站制作需要要会的常识技能用户研究 — 写作需要文档 — 市场文档 — 做竞品调查 — 原型图阶段 — 视觉稿阶段 — 设计规范阶段 — 切图 — 前端代码 — 项目走查。
b、网站类型分为To B端和To C端。门户网站APP和网站制作需要要会的常识技能每一个企业都有一个网站对外展示我们的能力、介绍我们的商品等，一般有网站首页、公司简介、商品中心、公司团队、在线商城、联系大家等几个模块。
商品网站APP和网站制作需要要会的常识技能淘宝、天猫、京东等电商网站。游戏网站。专题页面APP和网站制作需要要会的常识技能六一、情人节、母亲节节日、圣诞等，专题设计应尽可能抓住人的眼球，在头部尽可能刺激用户，用刺激对比强的色彩、复杂立体的造型、冲击感强的文字吸引用户，防止用现代主义中的冷淡风格。
视频网站。手机端H5:比较火的H5设计工具备APP和网站制作需要要会的常识技能最重要需要是显示给操作者其需要学会的数据，一般全屏排版。CRM系统（Customeer Relationship Management），CRM。企业对顾客的信息进行汇集、管理、剖析，同时对自己的销售、服务、售后进行监控，容易见到的功能有APP和网站制作需要要会的常识技能代码判断网页滚动，滚动时页面中三层图片运动速率和位移距离不同，给人导致的视觉体验好似日常的空间感一样。
g、一般网站制作尺寸为1920 * 1080，每屏高度约为900px（1080减去浏览器头部和底部高度）。字体需要用偶数的字号，文字用宋体 12px 渲染方法无，稍大用Microsoft雅黑、大小14px ～ 20px 渲染方法选择Windows LCD或锐利，英文和数字用Arial字体，渲染方法选择无。Banner图尽可能满屏，图片根据4:3或者16:9来设计。
目前标题APP和网站制作需要要会的常识技能
