从用户界面PATTERN网站学习视觉交互

想要写一些和视觉相关的文章，卡了几个礼拜了。难点在于：视觉是比较感性的，从感受上谈，不知从何说起；从平面构成的各个要素去谈，那是别人一本书的工作量。但在准备的过程中，我发现通过用户界面PATTERN类网站学习视觉、寻找视觉参考是非常有效的方式。

案例完整、多平台、有运营页面的reeoo

平台：web、ipad、iphone， 

可按颜色/按标签查看

特点：

点击每一个案例，都相对比较完整。

Topic部分有一些手机运营页面可以参考

reeoo

扁平、小清新、按功能模块分类、web端参考的CALLTOIDEA

平台：web

按功能模块分类，扁平、小清新风格

Calltoidea

可多选条件、多平台参考的zurb-patterntap

平台/设备：Desktop、Mobile、Tablet、Web

优点：可以根据风格（视觉）标签、类型（模块）标签、颜色和设备多选。每类的标签也可以多选。

缺点：非完整案例，有些只有一个局部；图片显示极慢，最好用代理。

zurb-patterntap

可以学习到各种动态效果的capptivate

capptivate

建立自己的可多选PATTERN库

“可多选”的理想状态是：我可以选择“橙色”（颜色分类）、“登录模块”（功能模块分类），可以找到自己曾经收藏过的较好的案例。还可以增加更多的分类：IOS7\IOS8；版本一、版本二；视需要而定。

曾经比较常用花瓣的CHROME浏览器插件，但在分类问题上，满足不了上述需求。

于是我想到了印象笔记。我是印象笔记的重度用户（但又不爱整理），以前没有主动做标签的习惯，但已经保存的1326条笔记中，已经自动产生了248个标签。于是首先我果断删除了所有的标签。

删除印象笔记原有标签

以后看到好的参考，就存到印象笔记中，加上自己会去查的标签，比如“橙色”（颜色）、“登录”（对功能模块的描述）、版本等等。以后需要具体参考的时候，只需在印象笔记中搜索标签就行啦。