郑州网站界面设计-左上到右下的距离

作者:Admin  来源:易佳四方  录入:Admin  更新时间:2010-12-25 9:09:53  点击数:3

       喜欢一本好书《瞬间之美——Web界面设计如何让用户心动》,关注很久了,可惜囊中羞涩,图书馆来了这本书第一时间奔过去借来阅读 
 

       当前的Web已经进入崭新的时代!本书涵盖了在基于独一无二的Web环境下、在创建丰富体验的过程中设计Web界面的最佳实践、模式和原理。UI专家Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上,总结提炼出了Web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应,并以这六大原理为依托,以当今Web上各类开风气之先的流行网站为示例,向读者展示了超过75种基于富交互构建Web界面的模式,并以简单明了的语言,阐明了数以百计行之有效的最佳实践。同时,书中还给出诸多反模式,即在Web界面设计过程中应该避免的做法。本书是迄今为止一部专注于富Web界面设计的经典之作。  

        才只看到前面很少的一部分,喜欢本书开头的一句话“良好的用户体验,全在于那些完美的瞬间”。说得非常正确,用户体验其实就是用户在真正使用产品时候的一些感受。如果产品能够带给人们一个个感动的瞬间,用户会爱上这个产品,说不定偶尔在朋友间还会无意间提起,顺便帮产品做了推广。因此完美的瞬间提升用户体验,而用户体验提升用户的市场价值,比如Iphone刚出来的时候,人们一瞬间爱上这个产品,并相继介绍给身边的人,不断的有赞美之词出现,市场上卖到断货的现象时有出现。

         在以前的学校学习以及在伊飒尔实习的时候做过一些设计项目,在开始着手设计之前会整理一个类似于功能列表的东西,其实就是说我事先对我将要进行的设计会有一个规划,会自动在脑中有一个大概的概念。因为设计总是带着一定的目的去进行的,比如网站,总是有个主题的,大致具备什么样的功能,主要是宣传公司还是推广公司的产品,有大致的一个设计方向。收集好这些设计点后用一个很大的容器放起来,根据具体特点开始着手布局,导航位置,内容位置,等等信息架构在此时可以适当用线框图开始布局。没有细节,只是一些大体的界面轮廓逐渐开始布局。界面设计的拼图游戏就从这样的步骤开始。

        书中提到了一个概念翻译为古藤堡图表,汗颜自己从事这个行业居然没听过这样的一个理论,一直认为我们做的左上角到右下角的设计是根据大量的用户研究结论比如用户眼动研究等方法得出来的,平时设计工作中只是在使用这样的一个图表理论但是从没有仔细的研究过。仔细看看发现很多地方的设计都是这样的一个布局方式,从左上角到右下角的方向是用户的一个习惯方向,很多网页或应用软件都按照这样的方向来进行布局。

举例:

 

 

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

 

 

 

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