主要内容
-
浅析iPhone平台三种应用类型的布局方式 2012-03-16 09:30
在手机这样一个小小的有限的屏幕尺寸里，要使界面保持清晰合理、简洁美观，就涉及到产品“框架布局”的设计问题，我们需要根据不同的产品需求及应用场景来设计合理的界面布局。 iPhone平台的标准界面布局为顶部标题栏、中部内容区、底部工具栏/标签栏，设计师们根据不同的应用类型以及不同的使用情境进行着巧妙的布局，其中不乏很多勇于打破常规，精巧合理的布局设计。今天就一 ... ...
-
网购收货地址reDesign全方案 2011-12-11 09:18
前文发出来的第一条评论就是对小米网的抱怨，很多问题没法回避，周期及资源所限必然只能抓大放小。之前基本都没做“交互设计”的事情，主要精力是在梳理业务流程，打通数据与数据之间的关系，以及搭建整个信息架构体系。专业上讲，结构层“交互设计”和框架层“界面设计”优先级不如范围层内容规格和内容需求。所谓的细节都是靠人手来做细致推敲，以 ... ...
-
经验分享：交互设计文档(3) 2009-03-09 15:51
前一篇：经验分享：交互设计文档(2)下面，用几个实例来介绍用Axure RP Pro制作交互文档。在制作过程中，经常会有一些Tips，是一些使用软件的技巧和相关提示。这些多半都是我个人的总结，有些可能是我的“错觉”，希望在这方面能够得到指导，也希望一些有用的技巧真的能在实际操作中帮到大家。 根据Facebook的未登录首面来设计一个SNS社区首页的原型 Fa ... ...
-
使用线框图来简化你的产品设计流程 2010-05-25 23:22
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。 一、线框图的好处： 让项目组成员在初期就可以对网站有个清晰明了的认知 能激发设计师想象力，使其在创作过程中有更多发挥空间 给开发者提供一个清晰的架构，让他们知道他们需要编写的功能模块 让每个 ... ...
-
关于搜索建议的两点小问题 2011-09-15 17:11
最近在做搜索设计时，发现了两个容易纠结的小问题，在这里谈谈自己的一些分析。 问题一：提交的关键字是哪个？ 凡客的这个例子中，搜索建议“时尚斜拉链”高亮显示，这个时候点击“搜索”，提交的关键字是输入框中的“s”还是“时尚斜拉链”呢？答案是“时尚斜拉链”。 ... ...
-
手机交互设计原则 2010-04-06 14:06
在设计e指通客户端和wap2.0页面时，积累些手机交互设计经验，不断总结，理清设计思路。以下设计总结出手机交互设计原则，仅供参照。 屏幕 手机屏幕尺寸分为物理尺寸和显示分辨率。 物理尺寸是按英寸对角线计算。 显示分辨率指的是屏幕图像的精密度，是指屏幕所能显示的像素的多少。 显示精度是每英寸上可以显示像素（DPI）。 NOKIA N78的 ... ...
-
说说瀑布流式网站里那些可人的小细节 2012-07-05 10:06
瀑布流式布局，想必设计师们已不再陌生，随着pinterest自2011年开始走红，瀑布流式的布局被越来越多的网站所使用。花瓣网、堆糖网、布兜、发现啦，美丽说，蘑菇街，人人逛街，凡客达人等，复制Pinterest的网站在中国蜂拥而现，粗略估计已有几十家之多。 为什么选择瀑布流？既然pinterest式蜂拥而现，我们先从体验角度看，瀑布流布局为什么好？笔者浅见。随着读图时代快餐式消费的来临，瀑布 ... ...
-
Android 应用界面设计 2011-12-23 08:56
与 iOS 相比，Android 系统界面存在各种不协调，应用界面本身缺乏统一的规范。虽然 Android 的开放性为应用的自主发挥带来了最大的可能性，但如果系统本身能够提供标准的范例，也未必是一件坏事，毕竟许多应用并不一定需要独创的界面。从 Android 4.0 开始，系统界面在一致性上有了许多改善，那么 Android 应用的界面应该如何设计？如果你仔细观察 Google 近期的一系列应用上 ... ...
-
绘制交互流程图 2011-02-18 00:04
学习产品设计初期肯定会遇到两个问题：第一，如何考虑更全面；第二，如何绘制交互流程图。开始产品设计前先要考虑所有可能性，如何才能以线性流程图的方法组织所需的设计元素。小郑老师的《交互设计表格》中已经介绍了非常实用的表格穷举法，适合初学者使用。 流程图是产品经理和交互设计都必须掌握的技能，一张流程图可以省去需求文档和交互设计文档的很多文字描述，让技术人员一目了然地明白设计意图，便于组织程序的逻 ... ...
-
手机版阿里图文排版案例 2009-12-11 21:46
阿里手机版List页图文排版案例 基础背景介绍 1）据”深圳移动”调研，目前阿里客户的主流手机屏幕分辨率通常是176×220和240×320，考虑到目前手机发展的实际趋势，建议以240×320为主要设计平台； 2）176×220屏幕，通常是我们一般意义上的FeaturePhone，字体尺寸一般为16p ... ...
-
排版六原则 2010-10-17 20:04
上个月，我贴了《图形化简历》。 几天后，就收到了秋叶老师的来信，希望与我探讨一些设计问题。他写过一本畅销书《说服力-让你的PPT会说话》，眼下正在写续集。 我看了新书的样章，觉得很不错，有些内容很值得分享。 ==================================== 首先，我们先看一个例子。良好的设计如何使得一个平庸的文档脱胎换骨。下面是一张大学生的求职简历 ... ...
-
到底要设计多宽的网页？ 2009-04-06 09:39
白鸦等同学，作为设计师，都在研究，到底多宽的屏幕适合于阅读。研究来研究去，他们认为，设计页面的人，首先应该考虑到，很多同学眼珠子没这么宽，必须限定为650-800宽度。也就是说，太宽了，就费眼睛，阅读速度也慢了，易用性就降低了（当然，这也是很多老外研究的结论，白鸦他们只是作为传道者，给大家传道而已）。还有，白鸦同学也说了，有1680或1920宽度的显示器，在看网页时，最好不要全屏，这样简直是自己折 ... ...
-
值得借鉴的白社会的交互设计 2009-06-09 21:12
一直听说白社会的交互做得很棒，最近两天工作基本上完成了，于是本着学习的态度体验了一下白社会． 进入登录界面，色彩搭配很舒服，一个很明显的视觉元素：ＢＯＳＳ加上阻止的符号（ＢＯＳＳ免进），很明显的体现了整个网站最基本的用户群，除ＢＯＳＳ之外的白领人群． 整个社区很多地方都体验了为满足特定用户人群而设计的功能，着实让人眼前一亮．随便听点什么的音乐播放功能，单击打开一个小窗口，随后音乐自 ... ...
-
用更简单的操作代替计算器上的 "MC MR ... 2009-02-24 00:51
（本文原名“以人类和设计界的名义，让这4个按钮在计算器上消失” 因太过标题党，已经被我主动和谐） 计算器这个东西，从小用到大。 在一般的计算器上有4个（有的是3个）神奇的按钮，分别是MC、MR、M-、M+ 。我想问问大家，有多少人真的明白4个键是干啥的？要怎么用？ 其实这4个键仅仅是为了实现简单的存储和读取一个数字的功能，但我从小学一直到社会大学毕业也没弄明白要怎 ... ...
-
[生活中的设计] 地铁出站口 2010-07-27 16:58
上周六在地铁出站口看到前面一个人一边打电话一边要出站，他在左手边的机器划了卡，想从机器右边的旋转门出去，结果被卡住了。因为左手边的机器管的是左边的旋转门。 设计者大概是考虑用右手划卡身体自然就在机器左边，正好从左边的旋转门出去。 然而实际生活中，如果右手拿了东西（比如打电话那位）或者本身是左撇子，很可能就会用左手去划卡。我认为用右手划卡并不是一个普遍的行为，因此不能作为设计的出发点。这 ... ...
-
标签栏的设计 2011-08-22 11:06
交互设计师的纠结有时候挺惹人讨厌的，大量的口水浪费在小的细节上了，有时候我也会告诫自己，要着眼大局分清主次，一些小的细节干脆就不要太纠结了，可是我又相信，好的交互设计师一定要对细节有一针见血的判断力，不疯魔不成活，不纠结出不来好设计。 一、一个案例的反思 这里想聊聊腾讯微博iPhone新版的一个设计细节。 事件起源于我们的一个设计师提供了一个新版的视觉设计方案，整体很大气， ... ...
-
请再次输入您的密码？ 2009-04-04 19:15
我晚上发呆了半小时想不出写什么东西来，多亏和Lin的一番聊天，让我有了一个话题可写。讨论缘于我上家公司的注册页面,Lin问我为什么只有一次输入密码而没有确认输入，下面是我们的聊天记录，征得他许可，我整理后发了上来。--------------------------------------------------------------------------------------------- ... ...
-
可用性问题的严重性评级 2009-05-25 22:14
原文作者：Jakob Nielsen原文链接：Severity Ratings for Usability Problems译者：徽徽 可用性问题的严重性评级 Jakob Nielsen 对可用性问题进行严重性评估，可以把大多数资源分配到最严重的可用性问题上去，并且可以对这些问题是否需要额外的可用性努力进行粗略的估计。如果在一个界面中，严重性评估表明，存在着几个灾难性的可用 ... ...
-
现有商品的评分体系不完美 2010-10-20 11:22
在电子商务领域，产品的评分和评价体系是必不可少的，这甚至是高过传统商务模式的优点，逛街购物永远无法知道某一个实体商店的评分和评价。评分和评价体系的目的是对商品的附加服务进行量化考核。如售后，送货速度，商家态度，产品实际使用体验等。这些附加于商品本身的主观性消费感受，是无法标准化的。 商品：有形，标准，生产与消费分离，可存储 服务：无形，异质，生产与消费同步，易逝性 所以需 ... ...
-
浅析手机Web App的交互设计 2011-11-27 22:14
HTML5为提高手机网页的体验提供了诸多的可能性，交互效果越来越接近原生App，故而成为Web App，有望将APP功能引向浏览器，让移动平台的竞争由系统平台转向了浏览器之间。 Web App比起原生App和wap有着自身的优缺点，先简单了解下其特点，掌握设计趋势，也便于以后在设计中应用。 离线存储 离线存储的意思是第一次访问是下载网页，以后在无网络的情况下也可以使用。一个 ... ...
