美文网首页视觉设计我说设计交互设计
从用户界面PATTERN网站学习视觉交互

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

作者: 钱小小春 | 来源:发表于2015-07-15 17:31 被阅读519次

    想要写一些和视觉相关的文章,卡了几个礼拜了。难点在于:视觉是比较感性的,从感受上谈,不知从何说起;从平面构成的各个要素去谈,那是别人一本书的工作量。但在准备的过程中,我发现通过用户界面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个标签。于是首先我果断删除了所有的标签。

    删除印象笔记原有标签

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

    相关文章

      网友评论

      本文标题:从用户界面PATTERN网站学习视觉交互

      本文链接:https://www.haomeiwen.com/subject/ykkyqttx.html