首页

40套很漂亮的纹理背景图片

蓝蓝设计的小编

这篇文章向大家分享40套很漂亮的纹理背景图片素材,如果你正在寻找高质量的纹理背景,那么这篇文章你一定要记得收藏。纹理背景图片对设计师来说非常有用,个性的纹理背景可以让你的网站看起来更加优雅时髦,脱颖而出。

  纹理背景图片通常都是高质量的图片,一般有木质纹理、布质纹理、金属纹理和石质纹理等形式

纹理背景图片通常都是高质量的图片,一般有木质纹理、布质纹理、金属纹理和石质纹理等形式。

Texture Backgrounds

Texture Backgrounds

一组精美的折叠效果名片设计

蓝蓝设计的小编

这篇文章收集了一批非常精美的,充满创造性的立体折叠效果的名片设计作品。这些设计新颖的企业名片能够给客户留下深刻的印象,对于推介公司的产品和业务有非常大的帮助,一起欣赏。

Ayako Okada

 

Luciano Balzano

从iOS到Metro - 重新设计应用的交互模式

蓝蓝设计的小编

在本篇案例当中,我们将帮助各位使用Metro风格的设计原则对原有的iOS应用设计方案进行重新构思,大家会了解到怎样将iPad当中一些常见的界面元素及体验模式转换成为Metro风格,以打造全新的Windows 8应用。我们将对同一款应用在两个平台中的不同设计方式进行对比,帮助各位了解怎样将你的应用与Windows 8以及Metro设计原则进行完美的融合

我们将要研究的是一款相片日志应用,用户可以在线查看和管理他们的照片或视频。下图是这款应用的Metro版本:

点击查看原图  

这款应用最初是为iPad设计的,如下图所示。

点击查看原图  

从设计及体验模式的角度出发,该应用可以大致被解构为六个方面:

  1. 布局和导航
  2. 命令与行为
  3. 契约(Contract):搜索、分享及其他
  4. 触控与手势
  5. 屏幕定向与视图模式
  6. 消息通知

为了触屏移动设备而设计

蓝蓝设计的小编

于移动设备的操作系统及应用来说,判断其用户界面设计方案是否优秀的一个重要衡量标准,就是看它对于手指触控操作的友好程度。相比于桌面计算设备及相关的软件环境,触屏移动设备所具有的交互特性几乎将用户体验设计师们带入了工业设计的领域;设计方案更多是在体现着人机工学方面的原理,而不再是仅仅用来规划内容与功能的视觉呈现方式

拇指热区与底部原则

首先,我们需要了解人们通常会以怎样的方式将手指停靠在设备上。拿手机来说,普通青年们多数会使用拇指来进行触控操作,所以触屏手机的界面交互方案基本是围绕着拇指来进行打造的。

拇指是很不可思议的,据说它是将我们与动物区分开来的重要标志之一...拇指的功能具有相当的弹性,同时也受到一定的局限。对于常规的触屏手机来说,我们可以使用拇指扫过屏幕当中的大部分区域,但其中大约只有三分之一属于真正有效的触控区域。所以在设计当中,要尽量将最重要的界面交互元素放置在这个范围当中。在右手持机的状况下,有效触控区域位于屏幕的左下方:

点击查看原图

这也正是移动系统或应用中一些重要的工具栏或导航结构通常被放置在界面底部的原因。与此相反的是,在传统的桌面设备系统环境中,导航菜单一类的界面元素通常被放在界面顶部,无论是本地软件还是网页基本都是如此。对于我们有限的拇指作用范围来说,这种传统布局方式显然不能在移动设备的用户界面当中很好的适用。

相比之下,左下角还是右下角的问题略显次要。我们在实际当中经常会更改左右手持机方式,想想看是不是这样,譬如对于右撇子来说,当他们正在写字或是需要同时使用鼠标操作桌面设备时,通常会将手机交于左手操作;而左撇子们则正相反。不过在多数时间内,使用右手持机的用户还是要相对较多一些。

底部原则可以帮助我们对界面当中的可触控元素进行更好的组织。最常用的功能按键应该被放在拇指最容易触摸到的热点区域当中,而其它相对次要或是比较敏感的控制元素则应该尽量避开这个区域。以iOS中的“编辑”按钮来说,它通常被置于界面右上方,这个位置即可以保证它清晰可见,同时又不会被很容易的触碰到,以免发生误操作。

点击查看原图

10套精美的免费网站后台管理系统模板

蓝蓝设计的小编

大部分的 Web 应用和动态网站都需要一个后台管理系统用于管理前台界面的信息展示以及用户信息。管理后台的设计虽然不像前台界面那样要求设计精美,但是也需要有清晰的管理模块划分,这样使用后台管理系统的人员才能够方便的进行操作和管理。下面收集了十款非常漂亮的网站后台管理系统模板分享给大家,欢迎免费下载使用。

Admin Panel Template

这个后台管理模板的导航设计非常漂亮,头部还有未读的短消息和提醒的条数显示。

Admin Panel Template

在线演示     PSD下载     HTML&CSS下载

 

Charisma Admin Template

Charisma 是基于 Twitter Bootstrap 制作的响应式网站管理后台模板,包含9套漂亮的主题。

Charisma Admin Template

在线演示     免费下载

26个清爽的蓝色调网页设计作品欣赏

蓝蓝设计的小编

作为最冷的色调,蓝色是设计师使用最多的颜色之一。蓝色表现出一种沉稳、冷静、理智、安详与广阔,常用在强调科技,效率的商品或企业形象。今天这篇文章收集了26个清爽的蓝色风格网页设计作品分享给大家,一起欣赏。

IT Asia

 

Skyboat

使用纹理的20个华丽示例

蓝蓝设计的小编

纹理的使用非常广泛:网站,横幅,LOGO以及名片等很多场合都会使用。使用纹理的最大好处是能够帮助设计师节省大量的时间,不需要自己去制作图形。同时,纹理能够让你的设计项目更有趣,更有个性。下面是20个使用纹理的华丽的网站实例。

 

These Are Things

50个小时的可用性测试带给我的启示

蓝蓝设计的小编

 

2012年里,我(英文原文作者)在TH_NK 里大约花费了50个小时用于可用性测试,其余的时间则主要用来进行实际的设计工作,或是与客户、开发者、分析人员等进行沟通。在这些可用性测试当中,经过对被测者行为的观察以及与他们面对面的交流,我对一些一直以来虽有所了解、但在实际工作中却时常会忽视掉的设计原则有了更加贴近实践的认知,另外也发现了一些从前没有想到过的问题。时值岁末,我将这些经过实践验证的设计要点作以小结并分享给各位,希望能够为大伙来年的工作带来一定参考和借鉴的价值。

1.你不是你的用户

扪心自问,我们真的很容易忘记一件重要的事情:用户并不会按照我们设想的方式去行事。作为产品和设计方面的从业者,我们对自己的产品和服务太了如指掌了,对产品的功能逻辑及设计方案太心知肚明了;即使是作为第三方咨询顾问一类的角色,你也很容易把事情考虑的过于理所当然,认为“外界”的人能非常清楚的理解你所要表达的东西。

而事实上,多数用户在实际上手使用之前,并没有和产品产生长久的关联;对于我们来说很显而易见的东西在用户看来很可能需要一定的辅助才能理解并正确操作。交互模式是否符合直觉,是否能够保持足够的一致性以符合用户逐渐建立起来的心智模型,用户界面是否会在必要的环节提供足够有效的辅助引导,这些都是我们在为核心功能打造设计方案的同时必须考虑到的问题。

 

2.导航至首页

在很多场可用性测试当中,我们都观察到,其实会通过点击页头logo回到首页的被测者很少;多数人都试图通过点击浏览器上的后退按钮来实现这个目标。虽然对于设计师来说,将logo链接至网站首页的做法是一种早已被普遍接受的规范,但事实上普通用户对这一点的认知似乎并不是那么的根深蒂固。

3.通过下拉列表选择国家

我们曾经对一个面向全球的在线零售网站的支付环节进行过可用性测试,从中我们发现,在选择国家的时候,很少有用户懂得通过首字母快捷键来快速定位国家选项在下拉列表当中的位置,然后通过上下箭头按键进行调整并敲击回车或空格键来完成选择。绝大多数的用户仍然是使用鼠标将列表点开,上下寻找并点击选取。

其实下拉列表易用性的问题(特别是那些所包含的选项超过了7个的列表)早就引发过广泛的争论,使用快捷键进行操作的方案也是为了解决这方面的问题而孕育而生的,但在现实当中我们仍然发现有那么多的用户实际上并不了解这种重要的导航操作。

点击查看原图

Christian Holst在重新设计国家列表 一文中介绍过一种蛮有意思的解决方案,虽然我们还没有对这种方案进行过量化的测试,不过至少它看上去确实比传统的下拉列表方式要好用。

视觉设计是为了表达信息

蓝蓝设计的小编

在日常工作中,我们经常会遇到一些设计的很”漂亮”的图片不被用户认可,点击率很低,这时候我们会暗地里抱怨,可却没明白问题究竟出在哪?

网页设计与平面设计究竟有啥区别,我们主观的为页面添加元素的时候是否有章可循,博主以前曾是一名视觉设计菜鸟,以自己的切身体会谈谈在Web页面设计中的一些体会。

下面我们先看一个专题的banner:

第一眼看上去,画面感好像还行,但细看后会发现整个画面没有一个视觉中心,这张图片究竟想表达什么也没有说清楚,看看上面的元素:女人,模特架,灯光,展厅,衣服。好像表达了很多,其实除了设计师本人知道这是衣服与配件专题的banner,其他人都一头雾水。

日历

链接

个人资料

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

存档