web界面设计–左上到右下的距离

tina — Sat, 28 Nov 2009 02:32:22 +0000

         参加完今天的大型招聘会回来，继续给大脑补充养分:P
         喜欢一本好书《瞬间之美——Web界面设计如何让用户心动》，关注很久了，可惜囊中羞涩，图书馆来了这本书第一时间奔过去借来阅读
         才只看到前面很少的一部分，喜欢本书开头的一句话“良好的用户体验，全在于那些完美的瞬间”。说得非常正确，用户体验其实就是用户在真正使用产品时候的一些感受。如果产品能够带给人们一个个感动的瞬间，用户会爱上这个产品，说不定偶尔在朋友间还会无意间提起，顺便帮产品做了推广。因此完美的瞬间提升用户体验，而用户体验提升用户的市场价值，比如Iphone刚出来的时候，人们一瞬间爱上这个产品，并相继介绍给身边的人，不断的有赞美之词出现，市场上卖到断货的现象时有出现。
         在以前的学校学习以及在伊飒尔实习的时候做过一些设计项目，在开始着手设计之前会整理一个类似于功能列表的东西，其实就是说我事先对我将要进行的设计会有一个规划，会自动在脑中有一个大概的概念。因为设计总是带着一定的目的去进行的，比如网站，总是有个主题的，大致具备什么样的功能，主要是宣传公司还是推广公司的产品，有大致的一个设计方向。收集好这些设计点后用一个很大的容器放起来，根据具体特点开始着手布局，导航位置，内容位置，等等信息架构在此时可以适当用线框图开始布局。没有细节，只是一些大体的界面轮廓逐渐开始布局。界面设计的拼图游戏就从这样的步骤开始。
        书中提到了一个概念翻译为古藤堡图表，汗颜自己从事这个行业居然没听过这样的一个理论，一直认为我们做的左上角到右下角的设计是根据大量的用户研究结论比如用户眼动研究等方法得出来的，平时设计工作中只是在使用这样的一个图表理论但是从没有仔细的研究过。仔细看看发现很多地方的设计都是这样的一个布局方式，从左上角到右下角的方向是用户的一个习惯方向，很多网页或应用软件都按照这样的方向来进行布局。
举例：

淘宝网上的购买和加入购物车在一定程度上也是遵循这个左上到右下的设计准则，引导用户的视线。橙色和蓝色的按钮将用户从主要目标“图片”拉过来，吸引用户注意，让用户有点击购买的倾向，引导购物动作的发生。

还有很多类似的设计，使用了这样的左上到右下的设计，安装软件，弹出框的设计等地方，仔细观察都会发现这样的理论应用:) 借鉴其他人的理论并运用在平时的学习和工作中，这对自己是一个很好的提升方法。

设计地带 » 瞬间之美

web界面设计–左上到右下的距离