浅谈网页界面设计-首页设计-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝29
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:188回复:0

浅谈网页界面设计-首页设计

楼主#
更多 发布于:2016-06-12 11:54

浅谈页面界面规划-主页规划
主页规划,需开宗明义杰出主题
开宗明义,无论是关于一篇文章、一场会议或一部专题片,仍是关于一个网站来说,都是必不可少的。那么能为一个网站开宗明义的当地(标签)即是Title(标题)和Description(描绘、副标题),而能够为Title和Description供给进一步诠释的即是网站的主页。
展现哪些信息
页面的主要性是建立在它所出现信息的根底之上,反过来说,页面要向用户展现哪些信息是决议其主要与否的首要方针。在网站页面中,网站标题、副标题、菜单(狭义上的导航,请参看《WEB导航规划》)、用户登录信息、关于、版权信息这几项是网站的根底信息,是一个网站身份的像征,承载着向用户标明网站立场、供给何种商品或劳务、网站毛遂自荐、怎么联络网站的主要使命,在规划页面时,这些信息必不可少。
而网站的主页,除了需求显现以上这些根底信息以外,最主要的是还承担着网
站转化率的重担,这也是一切类型的网站主页的最主要使命。怎么让网站主页完结这项主要的使命呢?我的了解是把网站所供给的商品或劳务经过版式规划、案牍设
计、颜色规划以后,展如今主页恰当的位置,并使其不受其它信息元素搅扰,乃至使其它元素为它(商品或劳务)效劳。
杰出主题思想
知道了主页需求展现哪些信息,知道了信息之间的权重,怎么把信息出现得更
契合信息自身,却不是一件简单的事,需求时刻的锻炼与经历的堆集。就规划自身而言,是一件理性的事,不像数学公式,它缺少谨慎的理论做为辅导,所以在作业
中,经常出现与Boss、搭档定见相左的状况。我自己的经历是在非主要信息的规划上使其具有普适性,在主要信息的规划上杰出规划的主题思想,在与
Boss、搭档评论时,尽量把评论的要点放在主题思想的出现方法与其对转化率(或市场方针)的作用之上。你可以说这是名利的规划,没错,一切的规划都是以
商业利润为终究意图。
怎么杰出
在版式规划上,请求把信息分门别类,让用户在扫描(只为扫描而规划,请参阅《Don’t Make Me
Think》)页面时确保视觉流的流畅性,在短时刻内(3-5秒)发现主页包函哪些区域(如菜单、广告、注册、自己信息、连接、按钮等),便利用户在第一时刻内做出挑选。在规划过程中,建议严格遵循四个排版的准则,即:比照、对齐、重复和亲密性(请参看《写给我们看的规划书》)。如yahoo.com、renren.com、cnet.com的主页




在案牍规划上,副标题的案牍规划,请求案牍简洁明了、开宗明义,言语、句
式的表达需契合网站的全体调性。如人人网的“由于实在,所以精彩”,阿里巴巴的“全求最大的采购批发市场”,babytree.com的“爱、沟通、成
长”等等。在商品或劳务宣扬的案牍规划上,请求简略、易懂、描绘要完好,言语要情感丰富,具有摇动性,招引用户注意力,终究促使用户支付举动,这就到达了
意图(转化率或点击率)。显现的要素通常包含谁/啥、有多少、何时、何地、怎么做、为何这六大要素(请参看《餐巾纸的反面》)。如人人网、开心网主页的主题表现形式。这些应该是案牍规划的作业,但现状是Boss不会专门聘任Copywriter,页面中的案牍通常都是由交互规划师来完结,而小公司是由美工来完结。所以,了解一些案牍规划常识是很有必要的。




在颜色的规划上,即要契合网站全体特征,又要适宜所烘托信息的特征。通常选用同色系或相邻色系对网站根底信息进行烘托,关于突现主题的信息选用根底信息颜色的补色或比照色进行烘托,从视觉上表现信息的权重与逻辑联系,到达杰出主要、弱化次要地意图。
这是啥
西瓜、thindpad、iphone、百事可乐、著名作家、二战。当你
看到这些名词时,脑海里不由的浮现出它们的特征。比方你看到“著名作家”时,也许想到了鲁迅,而英国人看到“著名作家”时,很也许想到的是莎士比亚;再比
如看到“二战”这个名词,你也许想到了“狗日的”,而犹太人想到的也许是“希特勒”。这与用户的常识布景有很大的联系。在进行网站页面规划时,用户常识背
景也必须思考其中,我曾见过一领导在与搭档们评论页面规划时,在白板上画分类列表,一直是把它画在左边,并以列表式出现。这个景象足以阐明,他所接触到的
分类列表也许大都出如今页面左边,所以他无意识的也认为分类列表应该在左边,换句话说,放在右侧或其它当地,就不是分类列表了。或许我界说得有些极点,但
这个景象的确能反应出常识布景对用户习气的影响是不可估量的。
所以,在规划时,页面界面应该规划得要像页面界面,软件界面规划得要像软
件界面,游戏界面规划得要像游戏界面,广告规划的要像广告。千万不要为了得到视觉上的创新,把界面规划成了四不像。或许这种观念显得过于保存,但有利于把
危险降到最低。本来网站最招引用户的当地是内容的质量,而并不是花哨、绚丽的视觉规划。视觉规划的主要意图在于选用适宜的视觉元素表现出内容的权重与逻
辑,归于副角。在小品《我是主角》中,也很清晰的杰出了副角与主角应该各自扮演好自已的人物,作为副角的视觉规划不能抢了主角(内容)的戏。


[font=Tahoma  ]优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客