首页

聊聊各种有趣的loading界面

用心设计

现在无论是手机端还是PC端都有越来越多的H5页面,他们的内容都会做的十分丰富,于是需要加载的东西就会很多。但是用户或许会网速慢或硬件卡,可能会遇到需要加载的情况,而没有耐心的人,就会因为不断的加载而放弃浏览直接关闭。

于是添加一个Loading的画面,就可以大大缓解了等待的无聊,让用户知道目前加载的状态,以及使用户关注在Loading画面的本身上,让他们会把等待看成一件美好的事,那么我们来探寻一些有趣的Loading画面吧。

001

浓缩的精华!从零开始带你认识的图片格式WEBP

博博

image-format-webp-introduction-1

编者按:相信走在前列的设计师已经知道了WebP这种图片格式,比起JPEG、PNG 和 GIF ,它能在保证图片精细度的同时缩小图片体积,在 Google 的明星产品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影,今天腾讯的同学@Hahn__研究后总结了一篇深度技术文《WebP 探寻之路》,不落人后,来学习吧。

想跟上大潮流,这篇热门好文少不了:《我的征程是未来!带你展望2015年最重要的网页设计趋势》不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值且值得探索的事情。

智能设备没有界面如何交互?Henri给你灵感

用心设计

智能设备的诞生创造了需要让设计师来解决的新问题,其中最重要的就是界面:如何做才能让一个没有屏幕的小设备或电器和用户进行交互呢?这个问题是品牌和设计公司Method一直在思考的,以至于他们开发了Henri,这是一个可以和用户交互的小设备,使得它更容易让设计师去探索未来设备的UI。

对设计与设计师“价值”的4个方面思考

用心设计

你究竟为谁而设计

UED从业者都知道User-centered Design的概念,但真正做到的却并不多,更多的现实情况是这样的:为老板而设计——上面的人一拍脑袋就围绕对方的idea屁颠屁颠去考虑详细方案执 行,不去深度考虑这样做的本质原因与合理性,缺乏独立思考能力与向上说服抗争的勇气;为Deadline而设计——追求项目按时上线比什么都重,在时间有 限的情况下没做好优先级管理,集中到关键设计点上去,结果什么都做了,什么都没做好;为规范而设计——死守iOS/Android平台规范,死守可用性原 则,不去思考规范这样做的本质原因(如设备特性,避免和通用交互操作冲突等),把规范凌驾于设计目标和业务目标之上;为自己而设计——以设计师的专业挑剔 目光去要求产品,却不考虑到这样的设计让自己满足了,却可能令用户迷惑,没有带给用户想要的东西,反而增加了他们操作理解的成本……背离了设计目标的本 质,变成了为设计而设计,创造出来的价值自然也大打折扣。

Workstation-books-l

眼前一亮!25个令人心动不已的全屏网站欣赏

博博

来源:优设网

Draftfcb

全屏背景网站是吸引访客的方式之一,且适用领域非常广。

平常网站,讲究字体、排版、配色等等。但对于全屏网站,一个漂亮的姑娘 or 帅气的小哥出境显得尤为重要。今天我们收集了30个优秀的全屏网站案例,如你所见,美女帅哥总是让人眼前一亮 :)温馨提醒:看完这些网站,可能童鞋们的心开始小鹿乱撞了。在此奉上静心丸一枚:多读书,读好书。总监级设计师推荐阅读→ 《设计师必备图书目录》

Ditto Residential

Ditto Residential

 

26个来自英国最优秀的网页设计

博博

the-best-england-website-1

如果你也着迷英伦风,那么你一定那句耳熟能详的“Keep Calm and Carry On”,这句著名的标语可以向上追溯到1939年。随着英伦风在世界范围内的流行和网络的快速发展,这句话也出现了许多变种,比如设计师的版本:“Keep Calm and … Design”。这些有趣的文化现象,不仅激发了英国人的创意,还间接催生了许多优秀的英国网站。

作为一个历史悠久也独具个性的欧洲国家,英国有着丰富的文化和艺术遗产,如同“Keep Calm and … Design”这样古典与现代互动式的设计对英伦设计师而言简直是信手拈来,和谐自然。除了这种独特的创意特征之外,英国网站还有一个独到之处:来自英格兰、威尔士、苏格兰和爱尔兰的艺术家的紧密合作,将不同地区的文化艺术都融合到了网站里面。

配色弱的进来!如何巧用色彩打造动人心弦的网页设计

博博

color-psychology-web-design-1

色彩心理学被广泛地运用到各个设计领域,这早已不是什么秘密。从日常的杂货到LOGO设计,色彩所起到的作用越来越大,它是给用户传递信息的最重要的因素之一。

根据Kissmetrics 的说法,当我们看到一个色彩的时候,信息会传递到大脑的下丘脑的某个区域中。接下来,信号会进一步传递到脑垂体,然后到甲状腺腺体。这也就意味着,色彩会刺激大脑和腺体分泌激素,引发出我们的情绪反应,并影响我们的行为。

科学研究表明,色彩会影响情绪,会招致正面的情绪,也能带来负面的影响,有的时候带来的情绪与实际要的并不匹配。Kissmetrics 接着补充道,网站的访客通常只需要大概90秒就能针对一个网站作出判断和选择,而在者其中,有62%~90%的因素是取决于某个产品的色彩。

安卓手表 VS 苹果手表

用心设计

自PC时代(包括智能手机、电视机)以来,计算机操作系统的用户界面中含有各种各样的控件元素以及操作规范。也正因为界面元素和操作的不同使其形成了自己独特的系统特征。不同的可穿戴计算设备也同样有着不一样的系统特性,比如安卓手表和苹果手表之间的系统差异性。

两个操作系统界面都会包含丰富但又隐性的操作层次/方式。比如有些功能操作需要手势激活、或语音命令调起、又或者通过硬件实体按键操作等。在实际过程中,我发现我们很难准确无误地记清楚所有这些隐形不可见的且不同的操作方式。

紧跟潮流之布局篇!2015年至关重要的四种排版趋势

博博

2015-4-essential-layout-trends-1

编者按:让网站布局创意爆棚!互联网变化千千万,排版模式不离其宗,但总有些非同寻常的布局创意惊艳到我们,它们也最有可能风靡2015年,今天@十萬個為什麽同学总结了即将流行的四种排版趋势,一起跟上来吧!

2015即将流行的设计趋势:

近十年来,互联网已经发生了翻天覆地的变化,然而它其实一点也没变。如果看看10年前,我们会发现大批网站都有一套通行的排版模式。页头、页脚、侧边栏和内容区域,构成了这种直截了当的布局。这是人们预期中的网页排版。同时期Macromedia Flash的兴起,引领其他排版方式进入了一个新的时代。布局不必再拘泥于固定格式。当然,随着FLASH的衰退,这种方式也稍稍淡出……我说稍稍,是因为它如今又卷土重来了。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档