首页

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

蓝蓝设计的小编

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

正如大家看到的,现在许多人都使用手机访问互联网,所以这让越来越多的公司去开发或重构新的web解决方案,因为他们认识到自己的项目有效的运行在各种移动设备上是多么的重要!现在市面上存在太多流行的移动设备了,网页设计师们也不得不跟随潮流适应技术发展和变化规律,这些小巧的用户界面设计技能已经让一小部分愿意改变自己的同学们尝到了甜头,有付出就有收获!除了学到全新的技术,也有了踏实的收入,是的!薪水翻倍了!

创建移动设计模式是非常重要的一步,记住!这是为移动设备设计而不是web。不仅仅是移动屏幕远小于普通的电脑屏幕,关键是鼠标和键盘已经被手指替代了!当然还有更重要的,说起来很苦逼,我们再也不能使用一种模式来通吃这些不同的移动平台了,这可比兼容IE那一家子要苦难得多,毕竟还没有很好的规范。不是吓唬你,别以为只有那巴掌地大小,为移动端做设计并不是很容易。

30+免费精美的购物车PSD下载

蓝蓝设计的小编

这是一组精心收集的30+优质购物车PSD,这些精美的购物车PSD将会为您的设计提供了一点创意灵感。

如果你刚好在做这方面的设计,那可以先欣赏一组超赞的简约时尚的电商网站设计,或者直接动手学习如何提升电子商务网站易用性,希望能让你在设计上更加得心应手: )

Cart Modal Popup

Beautiful Free Shopping cart PSD Designs

50套用户体验极佳的移动UI赏析

蓝蓝设计的小编

QQ截图20131103211639

UI(用户界面)与UX(用户体验)是密切联系的,优秀的UI界面首先就能从视觉上给用户极好的体验,今天我们从Drrible和Behance上挑选了50套用户体验超棒的UI界面,包括了睡眠APP、天气APP等等,还有对Facebook、Instagram、Ebay等应用的扁平化再设计,都非常棒呦!如果你正在设计UI界面,那么可得好好借鉴学习一下,希望能给你带来灵感 : )


设计师应该知道的16个UI优化秘诀

蓝蓝设计的小编

优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法,希望对大家有所帮助。

本文原作者加拿大UI设计师Jakub Linowski

单栏型式优于多栏

单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。

优设网 16个UI优化秘诀

巧用色块布局,让你的网站与众不同!

蓝蓝设计的小编

QQ截图20130428163130

Metro UI是一种界面展示技术,和苹果的iOS、谷歌的Android界面最大的区别在于:后两种都是以应用为主要呈现对象,而Metro界面强调的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户”这儿有更多信息”。同时在视觉效果方面,这有助于形成一种身临其境的感觉。

科普一下:神马是Metro?Metro是由微软公司开发的内部名称为” typography-based design language”(基于排版的设计语言)。最早出现在微软电子百科全书95,后来的产品如:windows媒体中心、Zune播放器都有用到这项技术。该技术已于2010年初(美国)获得Metro UI专利批准(USPTO)如今该技术被引入到微软开发的Windows Phone操作系统和已经发布的Windows 8预览版以及Office 15中。

蓝蓝设计 :2012年7月,在大连中软实训基地学习时,老师要求我们分小组开发项目,理所当然地,我担任前端设计和开发的工作。
当我略微得意地把设计好的页面拿给老师显摆时,他给了一个字的评价:”俗!”然后讲,”中国风看起来的确美,但这种美很容易趋于小气和庸俗,远不如简单用色块搭配出的效果。”

也是从那时候起,我开始注意色彩的搭配,也开始用这种观点来把玩一些网页和海报等的设计。
《甄嬛传》再经典,老外们也不会明白隐藏在后宫中的弯弯绕…

40个的创意进度条设计

蓝蓝设计的小编

以前的进度条设计以拟物化为主,现在扁平化风格流行,连进度条也改变咯。蓝蓝设计推荐您看看40款收集的进度条设计,很多是Dribble上的作品,应潮流而生,想瞧瞧扁平化风格的进度条是怎样的,就来看看吧。如果你对拟物化的创意进度条更加有兴趣,那么来这里瞧瞧《18个读取进度条的优秀设计案例》

Loading 也是一门学问,如何让用户等待加载时不烦还高兴,蓝蓝设计推荐您可以看看这篇:《谈谈加载(LOADING)的那点事》,绝对从细节处提升用户体验 ^_^

Progress by yasir wadood

Progress by yasir wadood in 40 Progress Bar Designs for Inspiration

Circular progress bar by Alexandr Ivanov

2012年度最佳UI动画

蓝蓝设计的小编

damndigital_beautifulpixels-best-of-2012-ui-animations_2013-01

作为一款足够吸引人的app,惊艳的UI和优秀的功能是基本条件,但若有独特的动画与转场效果,则可以大大的增加用户使用的粘性,称霸整个应用平台。具备了良好体验效果的同时,有这样一个意料之外的效果,不但会给用户带来惊喜,更会让人情不自禁的爱上它。

2012年我们看到有不断的热门app得到细化,而一些大公司也最终意识到良好的UI对于一个app的重要性。在过去的一年里,Android应用程序已经得到了很大的改善,iOS则把设计范围越推越广。这里是一些beautifulpixels.com认为在2012年中一些脱颖而出的UI动画。虽然视频演示提供了大致的预览,但相信如果你在手机中亲自体验更能发现它们的魅力之处。

 

Google+ Animation

当Google+开始公测时,每个人都想第一个尝鲜。然而,在Android系统和其他移动应用平台上因缺少一个良好的app,而使得很多人因此望而却步。Google努力优化他们在iOS平台推出的游戏,值得一提的是它们最近发布的app也让人眼前一亮。

而这款Google+iOS应用程序也颠覆了以往的设计,或许会让你爱不释手。其中有很多独特的动画设计,比如,下拉刷新(pull to refresh)。当用户下拉时,会出现4个不同颜色的彩带从左至右,有节奏的从暗变亮,并拉长。同样有趣的是,当你滚动到底部时,载入的新内容同样会出现。从这样的小细节中,我们看到Google的确在app的设计上注入了很多精力。就为了它的动画,你就值得在iOS系统的设备上下载Google+这个程序!

让数据阅读更舒适!带你玩转表格设计

蓝蓝设计的小编

17

hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表格估计看内容得吐血…… 表格形形色色,默默无闻的呈现着数据,阅读起来如何最为顺畅,如何才能从表格里发掘出重要信息,有哪些可以对表格进行的操作,梳理一下以供参考。

后台界面,表格对数据的维护和体现是最常见的,那么也推荐您看看一组惊艳的后台管理界面设计

1.行高是表格浏览时的重要参数

行高是表格非常重要的参数,行高间距直接影响着阅读的体验,有如同Omniture为了最大限度的放置数据内容,强化数据显示效果而降低行高的情况,也有SugarCRM一样的行高较高可以放置更多文本信息的表格。

2

20款免费和创新的PSD网页设计模板

蓝蓝设计的小编

 

如果你是一名设计师,经常都需要ui设计网站设计,如果有现成的 PSD 网页设计模板可以使用的话,您可以快速的制作出精美的网站作品。 所以,这篇文章专门整理了20款免费的 PSD 网页模板设计,你可以免费下载这些网站布局模板进行编辑和修改,也可以通过这些免费的网页 PSD 模板获取创作灵感。

 

Showcase – A Free Website PSD Template

Showcase - A Free Website PSD Template

———————————————————————————————————————————————————

Business Website Template Design

Business Website Template Design

———————————————————————————————————————————————————

不容错过!20套新鲜出炉的Web+Mobile PSD素材下载

蓝蓝设计的小编

在这篇文章中,我们展示的是一组免费漂亮的UI设计素材套件。这些线框图和 UI设计工具包让设计师在设计用户界面原型的时候能够非常便利,希望这个集合会帮助到你的 UI 设计项目。

优设11月超赞资源:
50套万里挑一的设计师专属精华资源包
超实用的PHOTOSHOP亮度调节脚本

UI Kit

 

iPhone UI

日历

链接

个人资料

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

存档