设计日记—分解学习APP

在初学UI设计的时候听到的最多的就是多看看别人的设计，我每天都在刻意使用不同的APP,一段时间以后发现并没有什么进步。后来我发现因为自己看的时候没有带着任何的目的性，所以看的时候并不会思考别人是如何设计的，看完就忘。怎么带着目的性去看这些APP呢？我尝试了很多办法都不是很明显。

直到有一天...

在阅读完iOS的设计规范的以后，我的天灵盖仿佛被打开，大脑由液态的咻~的一下就凝固起来了。（后悔自己没有早点学习设计规范）在设计规范里我找到适合自己的学习方法。

设计规范里面一个APP包含了三大组件类型：

1、bars

2、views

3、controls

每个类型各自包含了不同的组件。

Bars栏

Views视图

Controls控件

这个点让我兴奋，为什么兴奋呢，它解决了我很多的困惑。

举个例子我之前对APP的认知是不明确的，如果把一个APP类比成人的话，我知道他是个人，知道每个人长得不一样，但是我说不出来他们哪里不一样。看完设计规范以后我知道原来一个人是由头、身体、下肢组成的，头由含了眼耳口鼻舌等等。是的我更了解APP的结构组成了，并且知道了这些结构的命名。庖丁解牛应该也是先彻底了解了牛吧。

用大家最常用的 微信 举个栗子吧

我现在看到应用软件都不会不自觉的去“肢解”他们。

了解APP的构成以后我再看别人设计的APP时候，就会把一个APP拆解成不同的组件去学习。看他每一部分是怎么设计的。

也会同一个组件看不同的APP的设计有什么区别，或者有什么规律，然后总结起来。留着下次备用。

那就再举个栗子

search bar（搜索栏）的学习总结

一、搜索有两种状态

    最大化和最小化两种

    最小化：一般放在navgationg bar（导航栏）上。通常搜索键不是常用的时候就会最小化隐藏在导航栏里面。比如说淘票票的搜索键，一般热门的电影都会在首页呈现不常用搜索。

    

    最大化：一般出现在navigation bar（导航栏）上或者下方

二、搜索分为四个状态

1.默认状态 

  一般包含输入框+搜索icon+默认占位符（听说有的APP把占位符用来做广告）还有的会有语音搜索（微信）或者照片搜索的   功能（淘宝）

2.搜索前

   一般包含热门搜索/历史搜索这些信息

3.输入中

  一般会出现包含关键词的店铺或者商品，输入转态时输入框会出现“×”符号

4.输入确定后

  确定后的结果呈现页。取消按钮消失出现返回按钮。

三、搜索栏（serch bar）一般不会单独出现会和范围栏(scope bar)一起出现

最后设计规范是个好东西，建议大家看原文，之前也看过很多别人翻译的，对比完之后诚恳的建议大家还是把原文看一遍，辅助看一些好的中文解读。英文不好借助翻译软件。不瞒大家说我是一句一句的翻译着看，我看了一天。但是效果是看几篇中文翻译版无法比的。

原文链接：iOS设计规

中文链接：http://www.uisdc.com/ios-10-gui-design-guideline-1之前在看到的别人写的。有很多人翻译过大家自己找自己能看得懂的吧

MD设计规范：http://design.1sters.com/material_design/components/buttons.html这个是中文版的。