设计资源 - 设计每日一贴---北京兰亭妙微/UI设计公司

302013-12

网页与App中那些优美的登陆表单

蓝蓝设计从Dribbble收集了20个漂亮的登陆表单案例。希望你看后能从中受益，并对你以后的登陆表单设计有帮助。设计一个登陆表单看上去非常容易，但大多设计都很糟糕、毫无亮点。无论如何，这篇Dribbble案例集锦绝对走的是另一个极端。希望它们能赢得你的青睐！来一起欣赏吧：）

网站与APP中的登陆表单

Login Form

继承了iOS7的精髓，这件登陆界面作品将iOS7微妙的动画背景上升到一个新的层面。此处的背景完全是一张动画图片——甚至可能是GIF。尽管这背景事实上没有那么精致，但这一定是你平时不常见的设计。你几乎很难见到这样的APP，还有如此卖弄的首屏设计。

评论(0) 浏览(5687)

272013-12

用PS设计APP过程中改进IOS设计流程的30个密诀

蓝蓝设计的小编

设计是一个漫长和痛苦的过程，期间可以用点技巧来减少痛苦，30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可以借鉴和学习。

————–以下为译文——————-

在本文中我（英文原作者）总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意：文中所提到的快捷键针对于Windows；Mac 用户可，Cmd对应Crtl键，Opt对应Alt键。

1.保持尺寸为偶数

你是首先针对Retina屏幕设计然后再对标准分辨率的进行缩小是吧？为了在标准分辨率下像素仍然保持完美的呈现，你需要保证大小和距离为偶数。具体的做法便是：基于2ps的网格设计。在编辑（Edit）〉首选项（Preference）〉参考线、网格和切片（Cuides,Grids&Slices）。更改网格线间隔（Gridline）和子网格（Subdivisions）来是使得网格间隔线为2px。例如：设置网格线间隔为64px，子网格为32。

tip1

评论(0) 浏览(4799)

262013-12

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

蓝蓝设计的小编

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

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

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

评论(0) 浏览(4465)

262013-12

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

蓝蓝设计的小编

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

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

Cart Modal Popup

Beautiful Free Shopping cart PSD Designs

评论(0) 浏览(5069)

252013-12

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

蓝蓝设计的小编

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

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

单栏型式优于多栏

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

评论(0) 浏览(4655)

252013-12

超赞！21个漂亮的App应用网站

蓝蓝设计的小编

如果我说很多iPhone应用网站的设计都颇为精美，相信筒子们不会有什么意见的。看来那些设计师们都敞开胸怀迎接“苹果style”，创造出干净简约又优雅的网站。可不嘛，作为一枚合格的设计师，他们才不会随随便便弄个网站展示他们的app呢，都卯足了劲设计出新颖的版式，配上美美的图片、大量留白和恰当的字体。那么今天呢我们将要带给你的这份灵感清单就是一些绝赞的iPhone应用网站啦，切克闹~

Wedding Party

与你的客人一起，通过这简单有趣的app捕捉并分享你婚礼中的美好瞬间。

评论(0) 浏览(5327)

242013-12

10个增强Web字体排版的jquery插件

蓝蓝设计的小编

虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展，但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好有一系列的强大功能jquery插件帮助我们解决这个问题。这篇文章详细介绍了近10个最流行的Web字体版式插件，它们允许我们润色字体版式并创造出更多超级酷的效果。
不得不说，网站本身也创意十足，个性满满哟：）

Lettering.js

Lettering.js example

Lettering.js 是最简单最流行的网络版式插件之一。通过分拆每个文本，并将每个字母放在定制好的<span>中，该插件能够让你精准的操控标题版式。使用它小心的调整你的字距或者添加各式各样的CSS，从而让每个单词都有超级赞的效果。

评论(0) 浏览(4887)

242013-12

巧用色块布局，让你的网站与众不同！

蓝蓝设计的小编

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

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

评论(0) 浏览(5092)

242013-12

40个的创意进度条设计

蓝蓝设计的小编

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

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