童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

移动终端中的视觉引导

1月17日 霸王亭投稿
  在传统网站设计和平面设计中,大量信息的整理规划需要设计者用合理的排版,将信息顺畅的传达给用户,连贯的不间断的视线移动阅读会给人舒适的感觉,反之,视线被引导的满屏幕跳来跳去的,会让用户不知所措,给人乱无章法的感觉,无法更好的接收信息。
  在阅读信息的时候,常常受到周围文字和图像的干扰,并不是那么顺畅,根据人眼视觉心理,会有几种容易引导或者说干扰到视觉移动方向的特点。
  在上左图中,第一眼看到的是不是红色的色块?右图中,是不是感觉红色的色块向前突出,而灰色的色块向后退?这就是视觉心理造成的,波长长的色彩比波长短的色彩更容易被人眼识别,也就是暖色的、鲜艳的比冷色、暗淡的颜色更“跳”一些,当一个页面中,“更跳一些”的元素无章的排列的话,人眼的视线就会跟这这些吸引人的小元素也跳来跳去了,感觉“页面花”就有这个原因,合理的运用这个规则,就可以达到增强信息顺畅的传达的目的。
  人物图片可以锁住用户的目光,牵引用户的视线路径,合理的使用可以烘托气氛,提高访问者的兴趣,留下深刻印象。
  一般人都会有这样的体验,当看到1的时候就想找2在那里,视觉有的数字敏感性,很多设计在需要视线牵引的时候,用数字当标头,使视线在即使色彩丰富的页面中也会合理的跳跃。
  
  移动终端中的视觉路径
  移动终端具有轻便,屏幕小,单屏内容少等特点,表现的空间比WEB少了很多,但是视觉规则都是相通的,很多在平面,WEB中适用的规则在移动终端中也照常适用。
  左图为IPHONE平台QQ2010界面,视觉通过鲜明彩色的头像图片牵引视线顺势向下。
  右图为IPHONE平台TIMEMOBILE界面,鲜明红色的title条显示新闻的种类,视线路径在红色标题间快速跳跃,帮助用户更快找到所需要的新闻类型。
  在这个界面上第一眼看上去,你会发现视线快速的被橙色文字扑获,然后不自觉的在橙色的文字间跳跃,仔细看这几段文字确是并不十分重要的新闻日期信息。。相对主要信息新闻标题被忽略了,用户会迟疑一下重新找到白色被忽略的新闻标题,造成了视线路径的混乱和信息传达的不顺畅。
  大块的清爽颜色作标题条,吸引用户视线,带来亲和的感觉,主内容区用小区域色块或者有色文字去牵引视线,极其珍惜谨慎的使用icon和有色文字,达到用户一眼从头看到底,飞流直下三千尺的顺畅感觉,得到没有多余干扰的舒适体验。
  在设计过程中,产品经理提出“XX链接很重要需要强调,能不能加粗变红?”“颜色单调,要丰富的颜色搭配”等意见,经过沟通后否定了这些意见,在设计排版中信息的顺畅传达才是最重要和最基本的要求,再丰富再漂亮的图片处理排版布局干扰信息的顺畅传达也是不可取的,特别是在终端小屏幕的情况,相比PC大屏幕,每一个元素和文字的处理都会很大影响整屏给人的大的感觉,影响视线的正常移动。
  举几个例子关于在移动终端设计中所注意的视线移动问题,移动终端设计跟PC端设计有很多相通的地方,特别是在高端机型和大屏幕机型上,希望这些在WEB、平面设计中的经验能够大量用在移动终端设备上,指导我们做出更多更好用户体验的产品。
  (本文出自TencentWSDBlog,转载时请注明出处)
投诉 评论 转载

从应用启动器的设计来谈谈MetroUI的不足俗话说,太阳底下无新事。MetroUI的脱颖而出似乎是一次大的颠覆,但是任何新事物不过是旧事物换个表现方式。不妨从应用启动器的设计看,探讨一下MetroUI的一些缺陷和不足。……产品细节、用户体验和学习的态度下午与部门同学进行话题讨论,关于电子邮件营销中的产品设计,期间的谈话引起一些思考,在这里记录下来。一个产品的细节在交流中我举出一些关于电子邮箱输入框的细节问题,例子……用户体验之网页板块设计用户体验(UserExperience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受。在基于Web的产品设计中,UE是一个相对较新的概念。DonaldNorman博……SNS关系拓展还是关系维系?本文系我在知乎中参与一个关于六度分隔理论与SNS的相关问答讨论时提出的一些看法,因知乎无法长篇大论,因此,在这里进行了一些补充,并发表一篇博客。全文如下:六度分隔理论指人……本能的交互设计最近,同事爷爷八十岁高寿,他送了台Ipad。我们都笑他自己太潮,这高科技的玩意爷爷怎么会接受。没想到他说:“爷爷拿起就使,玩愤怒的小鸟、Tom猫、听歌都妥妥的。”这真真是……如何设计优秀的用户体验最近在看UXGuide翻译的一篇Windows用户体验交互设计规范,Windows作为UI方面的鼻祖,很多知识和经验值得延续,文章解释地特别祥细。我结合自己对一些产品的体……触屏手机网站设计随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站TSMWebs……关于儿童网站的web注册表单设计体验儿童网站是一个特殊的网站类型,设计儿童网站是具有挑战的,因为你要了解儿童的心理活动与习惯。当然一般来说设计师都是成年人。所以本文我们将讨论下怎样设计儿童网站web注册页面(以儿……移动终端中的视觉引导在传统网站设计和平面设计中,大量信息的整理规划需要设计者用合理的排版,将信息顺畅的传达给用户,连贯的不间断的视线移动阅读会给人舒适的感觉,反之,视线被引导的满屏幕跳来跳去的,会……和街旁设计师刘洋对话(本文由盒外原创,与懒人有禅联合发表)刘洋是懒人有禅的新成员,也是街旁的移动产品设计师。他的设计经历非常丰富,包括tshirt、海报、书籍和网站。现在他在负责街旁多个移动……Mobileapp视觉传达的魅力时下移动开放平台众多,苹果、谷歌、微软、诺基亚都有自己的移动开发平台,想让自己的产品在众多的开放平台中留住用户,只靠品牌是不够的,产品用户体验比品牌更重要。我们可以充分的利用移……20个改变网站用户体验的方法1。更多的“注册ID”选项在注册表单中可以给用户更多的选项:比如可以使用“电子邮件,用户名,ID”等多种格式的用户名进行注册。此外注册过程要尽量方便,比较好的例子如下面的……
交互设计的用户行为模式十二项前方高能反应!设计师最常见的五个设计误区【译】伦敦自由插画师ThomasDanthony聊聊他为Me活动交互设计二三事有哪些方法可以突出网页中的关键内容?人类是如何认知颜色的基础知识学起来!为设计师量身打造的DPI指南给网页设计新手的10条实用法则单页网站设计指南论设计的重要性为总统而设计如何设计受欢迎的引导页?从交互设计的角度解读那些年失败的产品
2022年除夕祝福句子锦集酱油炒饭的做法(酱油炒饭的家常做法)你不喜欢财务时间自由的写作?那这本畅销80年的书还是别看了如何登陆路由器李铁卸任足球国家队教练,李霄鹏能不能带中国足球走的更远?黑芝麻可以天天吃吗黑芝麻可以治疗脱发吗怎么查每个人的微信聊天记录(怎么样查找聊天记录微信)歪歪如何查看签到信息新时代新技能新高地传奇手游龙城天下每一次打boss,都有快感产生4g和5g手机卡通用吗节约每一滴水的作文600字

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界