首页

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

设计师应该知道的图片优化技巧

蓝蓝设计的小编

未标题-333

前言:该文收集了前辈们的一些关于图片优化的技巧,在此收拢到一起,对于各个方法的优化原理做了一些研究,希望能给大家对于图片优化这一块起到抛砖引玉的作用。

腾讯财付通设计中心 Jia :提到图片,我们不得不从位图开始说起,位图图像(bitmap),也称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成一副图片。当放大位图时,可以看见赖以构成整个图像的无数单个方块。
常见的格式中JPG、PNG、GIF亦属于位图,所以它们的数据结构大致相同,只是每一种图片格式都有不同的压缩算法,不同的扫描方式,但是优化的方法都有一个共同点,都是围绕着每个像素颜色值来下手,具体如何进行优化呢?
下面来给大家介绍一下图片的一些基本原理和优化的方法:

1.JPG原理与优化
JPG是一种对彩色或灰阶之类连续色调图形作压缩和解压缩的标准.这个标准是由ISO/IEC JTC1/SC29 WG10所订定。
压缩算法为正、反离散余弦转换,如下图:

正离散余弦转换

反离散余弦转换即把整个流程反转。

这里的8X8像素区块是我们JPG优化方法的重点,在之后会涉及到取样区块量化、扫描的步骤,然而取样区块量化这两个步骤将是导致图像失真的过程,也是我们优化工作所涉及到核心部分。

取样:

精华整理:11月UI模板psd免费大派送

蓝蓝设计的小编

好东西越来越多了,免费的午餐也越来越多了,如果你买不起付费的素材,可以先用免费的应应急,而且不少免费素材也不差。
在本篇文章中,你可以看到很多熟悉的“老面孔”,没错,本篇便是十一月份UI设计素材精选。

一应俱全的PSD模板:包括iPhone、iPad以及其他移动设备的UI套件(包括的5s,iPad Air)、线框图、展示效果图(分层的、实物的)。

所有模板均为免费(有的是限免,所以抓紧),各位请一一挑选吧。

推荐阅读:
《怒赞!50套万里挑一的设计师专属精华资源包》

iGravertical Screen Layers + iOS 7 Screen Converter

Free-PSD-Mockups-of-App-Interface-Design-4

Isometric Perspective MockUp


Free-PSD-Mockups-of-App-Interface-Design-8

11月份免费新鲜的27款UI组件下载

蓝蓝设计的小编

设计师们还没更新模板吗?这是优设10月份搜寻的UI模板,总共有27款,大多数为扁平化设计,都是免费且的,希望这些收集能给你正在进行的项目一点帮助 : )

同样精心收集,希望对你有帮助 : )
52款新鲜免费的优质界面PSD下载
50个超赞的免费设计师工具资源下载

Apple Product Line Wire Frame PSD by Rubayath

Apple Product Line Wire Frame PSD by Rubayath in 27 Fresh UI Kits for October 2013

 

Chrome UI Kit v.2 by Todd Hamilton

Chrome UI Kit v.2 by Todd Hamilton in 27 Fresh UI Kits for October 2013

8个获取手机应用程序设计灵感的网站

蓝蓝设计的小编

曾经,CSS 画廊非常流行,网页设计师们会定期访问这些网站获取灵感。现在仍然可以方便迅速找到令人兴奋的东西(例如 Dribbble 和 Behance 对设计有很大的帮助)。

对于移动应用程序设计,存在类似的画廊,我相信他们会更加有用。这是因为如果不安装移动应用程序,灵感更难获得,也更需要时间和努力。这12个画廊有很多漂亮的应用程序用户界面,并进行了很好的分类。赶紧收藏吧!

优设好文:
强烈推荐!你应该到这里寻找网页设计灵感

Creattica – Mobile Interface

Creattica 是一个灵感画廊,展示最好的网站设计,标志设计,平面设计,摄影,作品。

Creattica - Mobile Interface

Lovely UI

收集各种移动界面元素,启动画面,按钮,导航,通知等等各种组件的设计。

lovely_ui

一组惊艳的后台管理界面设计欣赏

蓝蓝设计的小编

蓝蓝设计其实在最早做设计的时候,就是设计银行的客户关系管理系统以及电商网站的后台管理界面

做那种界面的时候,和设计网页的感觉不一样。因为得考虑的不只是美观,更多应该在操作体验及视觉舒适度上下足功夫。

这种界面会成为管理员长时间驻留的地方,会有很多数据表格。如果我们的配色太鲜艳或者太暗沉,都会让使用者遭受眼球上的磨难。

而且一些按钮和操作焦点没有做好区分和规范,那都会是致命的。

关于界面中的交互,这里蓝蓝设计送上前辈们留下的一句金句,非常经典,也很好记:

1、操作前可以预知;
2、操作中有反馈;
3、操作后可撤销;

不管怎么样,这三句话,你可以牢牢记住。这是只可意会不可言传的。等到你钻研达到一定程度了,自然就会明白咯。

而视觉方面的注意事项,其实大家都知道,依然是不要超过三个颜色。这点大家虽然都知道,可是在实际设计的过程中,会不知不觉的用多一些颜色出来,而且还潜意识说服自己:“这个加上也不错,干脆就用上吧。”整套设计稿出来,全局观察的时候,结果就有些混乱,干扰到数据的主视觉区域了。

好吧!今天就为大家带来speckyboy上收集整理的一些dribbble上的精华作品。我相信,这些作品惊艳到你甚至临摹不过来,不信可以试试哟:)

Device Dashboard

mobile ipad device admin dashboard photo

创意十足!折叠效果在移动App中的应用

蓝蓝设计的小编

在今天的移动 App 界面设计中,你可以看到不同创意类型的视觉效果。特别是在 Dribbble 上面,有很多应用程序的 UI 概念设计让你惊叹。当然,他们大多只是作为一个概念设计,可能永远也不会成为一个真正的应用程序。

但如果你想获得灵感,那很有必要看看下面这些极具创意的动效设计。

你还可以来看一下这些:
《关注App设计!20个漂亮的扁平风格移动端界面》

Unlock Concept

Slide Concept


Portfolio iPhone App


App Concept – UI

日历

链接

个人资料

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

存档