首页

手机交互设计原则

蓝蓝设计的小编

在设计e指通 客户端和wap2.0 页面时,积累些手机交互设计经验,不断总结,理清设计思路。以下设计总结出手机交互设计原则,仅供参照。

屏幕

手机屏幕尺寸分为物理尺寸和显示分辨率。

  • 物理尺寸是按英寸对角线计算。
  • 显示分辨率指的是屏幕图像的精密度,是指屏幕所能显示的像素的多少。
  • 显示精度是每英寸上可以显示像素(DPI)。

NOKIA N78的物理尺寸为2.4英寸,显示分辨率为240*320像素;HTC T7278的物理尺寸为2.8英寸,显示分辨率为480*640像素。两款手机显示精度不同,同样100*100像素大小的图片在这两款手机上看到的效果也不同,同样大小的图片在HTC T7278看起来要比NOKIA N78小的多。

分辨率种类(不完全统计):

  1. 128*128  128*160 130*130  176*144  176*220 208*208 208*320  240*160 240*240 240*260
  2. 240*320 240*400 240*432 240*480 320*240 320*

理解iPhone和iPad触摸式交互

蓝蓝设计的小编

 

表1-4 iPhone和iPad的触摸和手势允许开发者以新的方式接受用户输入

输入

类型

概述

气泡( Bubble

触摸

触摸并按住不动。在可单

击元素上弹出信息气泡

轻滑( Flick

触摸

触摸并滑动。滚动页面

轻滑,两个手指

手势

使用两个手指触摸并滑动。

滚动可滚动元素

掐捏

手势

移动两个手指。缩小或放大

轻击

触摸

单击。选择

轻击,两次

触摸

双击。放大列

24个出色的联系表单页面设计

蓝蓝设计的小编

 

有的网站没有“联系我们”页面,有些网站只有一个email超级连接 ,而且有些网站还将Email地址做成图片 来避免垃圾邮件。这些做法都会掩盖了联系表单的潜力和优势。

 

接受来自于你的网站的用户的反馈、纠正甚至是投诉 是很有用的。

请不要低估联系表单的作用,它是每个网站必备的。

我们收集了24个联系表单页面设计,希望你能喜欢并能从中获取灵感。

http://www.berttimmermans.com/
24个出色的联系表单页面设计

国外三个免费CSS模版下载站点

蓝蓝设计的小编

 

做站的朋友经常需要到CSS模版,但哪里可以下载到免费要好的CSS模版呢?笔者将介绍几个网上可以免费下载CSS模版的站点。越多的CSS模版,你在设计网页时就越容易排版布局,因为有更多优秀的案例让你摄取精华。你不一定是依葫芦画瓢,你可以根据自己的实际情况作适应的调整改动,如你可能是利用该CSS模版中的字体配色,或者是图片的样式或者是表格的样式等等。

FreeCSSTemplates.Org

free CSS templates org

创意设计的方法—无穷关联法

蓝蓝设计的小编

 

这是我根据头脑风暴的原理延展出来的一种方法,之所以称它为“无穷关联法”完全是因为它看起来很像无穷大的符号“∞”。当然,从原理上讲使用这个方法可以得出无穷无尽的创意设计。

在用“绝对伏特加”这个案例来说明这个方法之前,需要先说明一下绝对伏特加的背景:绝对伏特加 (Absolut Vodka) 是产自瑞典世界十大名酒之一,它的创意设计一直走着非功能诉求的道路,主要向消费者传递感性的东西。

无穷关联法图示:

日历

链接

个人资料

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

存档