手机交互设计原则

2011-10-21 AG8亚游 移动设备ui及体验

在设计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*

阅读全文>>

标签: 触屏手机网页设计 ui设计

评论(157) 浏览(3512)

理解iPhone和iPad触摸式交互

2011-10-20 AG8亚游 移动设备ui及体验

 

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

输入

类型

概述

气泡( Bubble

触摸

触摸并按住不动。在可单

击元素上弹出信息气泡

轻滑( Flick

触摸

触摸并滑动。滚动页面

轻滑,两个手指

手势

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

滚动可滚动元素

掐捏

手势

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

轻击

触摸

单击。选择

轻击,两次

触摸

双击。放大列

阅读全文>>

标签: 触屏手机设计 iphone ui 设计

评论(0) 浏览(205654)

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

2011-10-19 AG8亚游 网站欣赏

 

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

 

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

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

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

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

阅读全文>>

标签: 表单设计,网站欣赏

评论(87) 浏览(4653)

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

2011-8-20 AG8亚游 前端技术资源

 

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

FreeCSSTemplates.Org

free CSS templates org

阅读全文>>

标签: CSS模版下载网站

评论(0) 浏览(3047)

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

2011-6-4 AG8亚游 行业趋势

 

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

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

无穷关联法图示:

阅读全文>>

标签: 创意设计的方法 无穷关联法

评论(0) 浏览(2290)

Powered by emlog 京ICP备12006971号-1 sitemap