首页

App引导用户使用的八个技巧

蓝蓝 手机及小程序界面设计文章及欣赏

 

开发者要在智能手机有限的空间发挥无限的创意和价值,这的确不是一件容易的事。为了使用户更有效地使用app,开发者的app必须要做到精简和直观。另外,开发者更要巧妙地引导用户去发现和使用app的功能,本文为开发者提供了一些小技巧。

创建安装向导

 


安装技巧如果你的app对用户输入依赖程度比较高,一个不错的办法是设置安装向导,在用户第一次使用的时候,就可以收集不少有用的信息。创建一个自定义安装向导,你可以把这个单调乏味的过程变得有趣和充满创造力。

提供app攻略





阅读全文>>

提升网站档次的时尚 jQuery 图片滚动插件

蓝蓝 设计资源

这篇文章向大家推荐8款时尚的 jQuery  图片滚动插件。jQuery 是最流行和使用最广泛的 JavaScript  框架,它可以让帮助你在你的项目中加入一些很炫的图片滚动效果。希望这些插件对你有所帮助,能够帮助你节省时间和精力。

Smooth Div Scroll

效果非常平滑的鼠标悬浮图片切换效果,提供了非常详细的使用帮助文档和示例。

jqueryimage

Elastic Image Slideshow

最后这款也是带缩略图功能 jQuery 幻灯片插件,效果很炫。

Responsive jQuery Slider Plugins

阅读全文>>

移动用户体验要素

蓝蓝 手机及小程序界面设计文章及欣赏

移动用户数和手机使用量都在逐年增加。随着越来越多的用户使用手机完成任务(参见The Future of Mobile ),如何改进移动用户体验的各个影响要素,便成为值得关注的焦点。

  移动用户体验是指用户使用低端功能机到高清平板电脑间的任意设备中,与移动产品(浏览器或App )互动之前、之时及之后的认知和感受。

  为了创建令移动用户愉悦的体验,我们必须重新思考那些长期以来被认为理所当然的桌面端设计。移动用户体验的复杂性源于移动设备的特性,主要包括:小屏幕,设备特性的巨大差异,电量和网络的限制,难以定位又永远变化的移动使用场景。

通过解析移动用户体验的重要组成部分,我们可以得到一个概念框架来构建和评估好的移动体验。这些部分在文章《以用户为中心的移动设计方法》
中有所提及 
(参见
user-centered approach to designing for mobile
)。下图组成要素决定了移动用户体验,包括:功能、情境、用户输入、内容和营销等等。

1_elements-of-mobile-ux

   以上这些要素的重要性会根据设备类型不同(如非智能手机、智能手机、平板电脑)和界面显示不同(如 App Web )发生变化。本文将简要介绍这些要素,并详细说明相关的重要准则。

阅读全文>>

2012年度最佳网页设计作品出炉

蓝蓝 网站设计文章及欣赏

这篇文章向大家展示2012年里在纹理应用,图像选择,文字排版和导航设计等各个方面都特别优秀的网站作品。你需要花时间慢慢浏览这些优秀的设计,看看2012年里这些让人难忘的创意网站作品能带给你哪些启发。

Yardsale

Textures and Patterns in Web Design

D10studio

21 Examples of Inspiring Typography in Web Design

阅读全文>>

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

在线演示     免费下载

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档