方寸指间读书笔记

近一个月拜读了方寸指间这本书，书中对移动设计的做了全方位的讲解以及描述了移动特性的应用。

1、设计流程：

主要的设计流程为 需求-交互原型-视觉效果图-开发-测试-提交审批-上线，在市场的审核需要特别的注意，安卓市场审核较为方便，一般情况2-3天就够了，而ios应用市场的审核机制较严格，审核周期一般在7个工作日左右。

移动产品的界面很小，一般在第一屏中就能展现产品的主要内容，因此在设计时，每个页面的关联性需要思考的比较清晰。抓住最核心的内容。

当然，现如今出prd已经算是效率慢的了，如果需要敏捷迅速，可以直接画原型，简单的逻辑在边上标注，清晰明了。

2、设计原则：

移动设计遵循6大原则——简洁、高效、一致性、反馈、情感化、移动化

（1）       简洁

在pc端做简洁主要的方式有四点：删除、隐藏、转移、组织，这样的准则同样适用于移动端。

做到内容有限，在浏览过程中适时隐藏一些干扰因素让内容最大化，多采用手势操作，也能极好的隐藏一些操作元素。

（2）       高效

1、  避免键盘输入2、有效触动3、减少页面调整，尽量做到架构扁平化，用最少的操作步骤达到目标。

（3）       一致性

一致性是设计的基础原则，它可以让产品更加易用，减低用户的认知成本，从而带来整体体验的提升。

1、  设计上的一致性2、与平台的一致性3、跨平台的一致性

（4）       反馈

屏幕小，硬件性能差、网络不稳定。。移动产品需要面对各种情景，因此及时、清晰的反馈显得尤为重要，当然，在反馈时带有情感化，就更棒啦！

（5）       情感化

情感化设计，让用户觉得有用、有趣、愉悦、增加用户的归属感，减少用户等待时的挫败时的焦虑，都会让你的产品加分。

（6）       移动化

做一款移动产品，需要从pc的思维逻辑跳出来，去充分了解移动设备的特征，思考产品如何才能更具移动化。

3、导航设计：

导航主要分为标签式、抽屉式、桌面式、菜单式、点聚式。二级导航主要包含旋转木马、列表、图示、选项卡等。

4、细节设计：

细节设计中，对我启发最大的就是产品的画面转场及加载方式，其中，画面转场需要的是顺畅及自然，其中过渡不应该太大。而加载方式需要考虑到对网络环境及流量因素，比如懒加载，需要思考，加载的条数。而预加载的目的是页面跳转时不至于呈现白屏。许多app在页面跳转时都会使用分布加载，将流量小，加载容易的部分先呈现，至于图片等大流量的部分慢慢后续加载。