首页

超实用!3个方法教你设计顶尖电商BANNER

博博

当用户访问电商网站的时候,第一屏的信息展示是非常重要的,很大程度上影响了用户是否决定停留,然而光靠文字大面积的堆积,很难直观而迅速的告诉用户来到这里会得到什么有用的信息,因此网页Banner设计在这里起到了至关重要的展示作用,特别是对于首页Banner,有效的信息传达可以快速提高页面转化率。那么竹子来教你如何设计一个好的电商Banner。

10个的CSS UI开源框架

博博

随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面和用户体验。作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。本文分享了10个的CSS UI开源框架,有几个确实不错,一起来看看。

1、Bootstrap – 最流行的Web前端UI框架

Bootstrap是由twitter推出的Web前端UI框架,它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。它使用了的浏览器技术,Bootstrap提供了时尚的排版样式,表单,buttons,表格,网格系统等等。

官方网站:http://getbootstrap.com/

2、jQuery UI - 基于jQuery的开源Javascript框架

jQuery UI是一款基于jQuery的开源Javascript框架,jQuery UI框架主要提供了用户交互、动画、和可更换主题的可视控件,让开发者可以更方便地实现网页交互界面,jQuery UI的整个框架比较庞大,但你也可以根据自己需要使用的功能生成适合自己的框架底层。jQuery UI界面设计非常漂亮,值得一试。

 

狙击顶尖高手!20个最值得关注的BEHANCE创意设计师

博博

behance-designer-top-20-1

编者按:想知道Behance上有哪些设计师值得关注,看这个列表就对了!作为全球最大的艺术展示社区,优秀的设计师每天都会抽时间到Behance上学习,作汲取灵感之用。如果你不知道有哪些人值得Follow,这篇刚好对味!

人气流量通通要!电商网站商品页设计超全面指南

博博

这是一个外国小哥写给其他想进入中国市场的外国设计师的,用来学习中国互联网是个什么样子,很多我们习以为常的东西在国外都变得不可思议,感受下。

网页产业的动荡与中国的飞速发展有着许多相似之处:至少他们都是令人捉摸不定的。但是如果你把这两件事情放在一起的话,你就会看到一幅快速变化的中国互联网发展的画面 。为了不被淘汰,我们必须展望未来, 以便尽早迎接变革。

别小瞧了中国的网页领域,它并没有你想象中那么简单,尤其是在个别的关键方面——中国用户的预期和西方用户简直差太多了。接下来我将带你进入网页专家的视角,一起来看看移动社交平台的爆红,以及那些优秀的设计师和作品。

看了都说好!如何建立交互设计自查表?

博博

很多同学做设计的时候经常会漏掉这个漏掉那个,等到开发来问的时候才想到。现在有了网易同学自创的自查表,可以把一些问题提前预防起来,文章系统全面,条理性强,是不可多得的实用好文呦。

飞灵:对于移动应用来说,移动情景非常复杂,设备也很多样。那么在设计之后,设计评审之前,你的交互稿考虑的细节是否完善,对特殊状态的描述是否有遗漏,你是怎么提前发现一些问题并查漏补缺的?为解决这个问题,我们团队建立了一份交互设计自查表,并且在版本迭代的过程中同步迭代,补充新出现的异常点。

这份表格梳理了用户在完成具体任务过程中的各种异常情况。它不会显示交互的所有细节,但是却能为特定的目标提供用户体验的全面视角。这个目标可能是高层次的,例如:进行某项操作无网络时,应该如何展示;网络不佳时应该如何处理等。在此过程中,可能由于特殊的使用场景,解决方案会有不同,但是这份表格会提醒你去深入地思考一个解决方案。以下是我在总结这些异常情况时的一些小经验。

视觉设计如何“一稿就过”—— 谈谈最近踩过的坑

用心设计

时我的心情可以用”崩溃“来形容,我感觉在众人面前尊严全无,感觉两周的辛苦完全浪费了,感觉自己的专业能力被完全无视。团队成员的积极性也受到
了严重的打击,有人觉得何必浪费精力去探索创新,老板说啥就做啥挺好。那个时候我一度想过离职,因为我实在是不知道该怎么面对后面的事情。

索性经过一段时间,我又恢复了理智,我发现之前的方法存在严重的问题:在设计过程中缺乏老板及其他leader的参与。这么做绝不是为了迎合老板,而是对于一个to B产品来说,理解的成本非常高,不管是格局、经验,还是其他因素,设计师都 难以到达和leader同样的高度,而这个问题在C端产品上虽也存在,但不至于那么明显(C端的产品理解成本较低,大家的理解不会存在太大偏差)。比如同 样是对于大数据,我们想到的关键词是”实验、汇聚、科技、工具、安全、价值”等,而老板可能想到的是“0和1、太极、宇宙、水晶球“等等。

我们具体是怎样做的呢?当然不是直接问老板要怎样设计啦,而是采用一种”预访谈“的形式,我给它起了个名字叫”投石问路“法。

lj20151110

教你如何在设计中充分运用黄金比例

用心设计

黄金比例是一个比较特殊的数学比例,通常我们会用线段分割来解释这个比例:把一条线段分割为两部分,较短部分与较长部分长度之比等于较长部分与整体长度之比,其比值是一个无理数,取其前三位数字的近似值是0.618。

10个必备的移动UI设计资源站

博博

值得庆幸的是,国外已经有很多优秀的移动用户界面资源是可用的,这些先驱的宝贵资源可以大大帮助你的移动设计或开发你的响应式网站。相信今天要隆重推荐的10个网站,无论是在你设计一个新的移动应用程序还是寻找特定的设计解决方案时,他们都会踏踏实实的帮助到你。

1. Konigi

这个网站上展示了许多完美的交互设计和视觉设计案例,网站提供了许多不同的方式来引导你便捷的搜寻感兴趣的项目!一定要利用好标签哟。

从可用性角度重新解读设计风格的变迁史

用心设计

鉴于早期的图形化用户界面中,立体效果被大肆用在所有地方,这还包含了阴影、渐变和高光等一系列的效果,其目的是为了让用户能第一眼就识别出行动按键。然而,早期的GUI把这些伪3D效果应用得太过火了,在视觉上造成了相当的干扰,并极富侵略性。

9bph20151107

最佳比例的秘密!教你如何在设计中充分运用黄金比例

高劲

what-is-golden-ratio-1

吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单,它们的设计都遵循了黄金比例。作为一个常见的数学比例,黄金比例实际上是从自然界中总结并发现的,用于设计中的时候能赋予作品更多的设计美感,赏心悦目。那么,黄金比例到底是怎么样的比例,它又是如何运用到设计中并提升设计作品的呢?

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档