会飞绘

公号:iamwing1215

设计观察小报#001


 
 

01/技术 / Pinterest的预加载背景色处理

 

一个生动的微交互例子:在前不久pinterest的一次版本改进中,对图片内容的载入效果做了一个聪明的小处理,即在图片加载显示前的位置区域,预先根据图片颜色获取一个主色调来作为占位时的背景色。加载的图片颜色不同,其显示的背景颜色也不同,一改其过去一片浅灰格子背景的面貌。这种效果是如何做到的呢?下面的例子或许会有所启发: 查看链接>

02/方法论 / 触发性设计模式库

 
 

触发性设计,这里总结了一套集常规心理激励因素、认知偏差及行为模式为一体并用于规划整个工作流程的方法。如何让人们注册,即刻行动起来?或者从另一方面讲,与网站互动起来? 例如,业绩模式(“买九赠一”)或者让利模式(“清仓所有货物大甩卖”)就是利用了人们的心理来创造了产品和用户的持续联系。查看链接>

03/观点 / 应当避免的四种导航处理方式



 作者列举了四种不恰当的导航处理方式所带来的消极后果------可能让用户产生认知紧张和压力 :

1/ 展开的横向单行子导航

2/ 自以为有创意的导航命名

3/ 页面中除导航外的其他重复入口

4/ 过度使用滑块:让“有趣”变成“障碍”

查看链接>

04/观点 / 重视设计交互过场的细节



设计师往往把很多时间花在如何调整各种表格、按钮、图片和文字的样式,但除了这些必须要做的静态画面以外,我们是否去更多的关注各种转场细节?要知道,动态的设计相对于直接的视觉体验来讲,有时候更能交互体验设计的人性化。查看链接>


05/观点 / 日本网页设计现状分析



  日本网页设计的呈现面貌,与中国现在的一些状况相似,即有利用各种最新技术、潮流来完成的前卫网站,也同时存在许多看起来似乎是上世纪90年代时期的风格。坐着在文章中,详细阐述了日本网页设计的当下状况以及其主要原因。查看链接>


06/趋势 / CSS支持混合模式即将成为标准

 


  CSS支持混合模式会给页面设计带来哪些变化?设计师同学可以想象一下~!虽然尚未成为标准,不过或许就在2014年!

查看链接>


07/趋势 / 响应式图标


响应式图标的处理方式基本与页面的响应式处理方式一致,即在不同的分辨率下,可以加载或简单或复杂的图形。

听起来不错?  不过也有不同的反对声音,认为大多时候这个处理方式多此一举,你觉得呢?

查看链接>

08/电商 / Pradux让你向喜爱的影视剧角色学习穿衣搭配

2014年1月,这家纽约成立的初创公司与设计师、线上品牌销售商和社交网络用户一同创建一个时装数据库,展出了来自50个不同电视剧的20,000款产品,这些电视节目包括‘Gossip Girl’、‘Scandals’和真人电视秀Kardashians。只要点击产品,用户就可以从合作夥伴商店购买这些衣装。未来的夥伴包括Intermix、Net-a-Porter、Mr Porter和Shopbop。查看链接>

09/资源 / 绝对值得推荐的UI组控件库之一

  UI组件库对于设计师和前端工程师来讲,无论是提高工作效率还是保证产品规范,恐怕都已经是越来越不可或缺的了。目前网络上的开源组控件库已经很多,Semantic UI是其中较新推出的一个,内容丰富,覆盖产品基础应用的各个环节,效果自然流畅,对于日常产品设计/开发有很大借鉴价值。查看链接>

 


评论
热度 ( 4 )

© 会飞绘 | Powered by LOFTER