通过实例说明交互设计中的正确表达

看到smashing上的一篇博文,取例说明一下交互设计中的正确表达,真实感表达和创意表达。
实例来源:http://www.smashingmagazine.com/ ... xamples-and-trends/

页面表达意思清晰明了,无歧义和费解之处。这也是对交互设计的保底要求了。
如下图实例:

 

交互设计中的真实感表达

在内容正确表达的前提下,部分修饰内容模拟一些来源于现实的真实感效果。
可以获得用户熟悉的认知习惯,有安全感。
如下图实例:照片和便笺有一定的卷边效果,带来了一定的真实感且并不多余。

 

交互设计中的创意表达

在内容正确表达的前提下,使部分内容的呈现变幻出一些巧妙的方式。
即可以引起读者的注意,同时又在创意中表达着同读者建立更亲密关系的愿望。
如下图实例:照片中的几位主人公在扒着墙向你问好,
这比单单摆着几张照片放在桌面上的亲近感更直接了。

 

总结:

交互设计中,正确表达是一切的前提,真实感和创意表达往往需要掌握一定的度,
同时需要一定的创意,在恰到好处的情况下使用,起到锦上添花的效果。

时间: 2025-01-18 02:12:53

通过实例说明交互设计中的正确表达的相关文章

从实例对比中理解交互设计中的正确表达

看到smashing上的一篇250.html">博文,取例说明一下交互设计中的正确表达,真实感表达和创意表达.实例来源:http://www.smashingmagazine.com/-xamples-and-trends/ 交互设计中的正确表达 页面表达意思清晰明了,无歧义和费解之处.这也是对交互设计的保底要求了.如下图实例: 交互设计中的真实感表达 在内容正确表达的前提下,部分修饰内容模拟一些来源于现实的真实感效果.可以获得用户熟悉的认知习惯,有安全感.如下图实例:照片和便笺有一定的卷

交互设计中的5项视觉指导原则

  视觉是人的第一感观,它在影响用户行为方面起着决定性作用,视觉信息对产品的交互产生了深远影响. 来自UXPin的Jerry Cao,通过本文向我们解释了如何保持视觉与交互的协调. 我不想贬低文字的重要性,但也不想忽视视觉.两者是同等重要的交互设计元素.文字就是交互,但那些视觉元素(比如图标.菜单.图像等)才是用户实际上操作的东西.虽然有些可用性专家会提及Craigslist甚至Amazon,作为丑陋但可用(而且受欢迎)的网站案例.但毫无疑问,美感总会有所帮助. 情感是用户体验的关键:视觉设计优

交互设计中的设计方案记分对比法

  今天@言覃某人 给同学们介绍一个特别高效实用的方法,当遇到场景较多或团队有争议的设计点都可以用这个方法,帮交互设计师们理清思路,达成共识并做出最可能正确的设计决定. 交互设计中,为什么需要这种方法? 在交互设计工作中经常会遇到这样的问题,某些位置的设计牵扯到比较复杂的场景,要考虑的因素比较多,这些设计点往往是最容易引起争议的,因为团队成员不一定都能快速了解全部的场景和因素,于是只能根据自己能够想到的个别场景与因素来对设计作出判断,最终团队之间形成意见分歧,每个人都不能宏观地掌握所有的场景和因

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

交互设计中如何增加趣味性、提升愉悦度?

  「好的产品关注功能,优秀的产品关注情感」 趣味性.愉悦度,这些都是针对用户情感化设计的领域. 功能.实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐.愉悦.悲伤.美- 花.大海.春天.小屋- 这些都是很普通的名词,但将它们富有诗意的组合在一起:我有一所房子,面朝大海,春暖花开.接受者会投入不同的情绪去理解这样一个组合. 上面这些名词就像我们在设计过程当中所遇到的各种元素,按键.菜单.icon.动态效

“灰色”在Web交互设计中的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

Web交互设计中“灰色调”的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

如何发现交互设计中的思维盲区?

  作为入行不久的交互设计师,我发现自己在交互设计的实践中无法顾及到方方面面,是存在思维盲区的.其中有欠缺经验的原因,也有自身知识局限的问题.进入开发阶段后,每次需要修改交互时,心里都会有些惭愧,感觉为小伙伴们带来了不必要的工作量. 然而现实中,交互设计的改动是难免的(因此一般一个项目会不断迭代交互文档),尤其是在时间安排紧促.产品需求不清晰的情况下.怎样在交互设计阶段尽可能思考周全,减少视觉设计与开发的返工呢?抱着提升自我.拯救伙伴的态度,我结合自己在移动端app的项目经验进行了一些总结.这并

交互设计中如何简化复杂操作?

  作为交互设计师的你,可能会听产品经理说过:"我们的产品支付成功率很低,很多用户下了单,但没有完成付款,好郁闷."或是"听到用户反馈说很难用,操作很复杂,我该怎么办?" 今天就来介绍几个简化复杂操作的好方法 >>> 下面你要做的,就是要简化复杂的操作流程. 1.减少冗余步骤和干扰项 人们在处理信息.学习规程和记忆细节方面的能力是有限的,选项越多,步骤越长,用户需要耗费的注意力和理解力就越多.一个人面临的选择越多,所需要做出决策的时间就越长.复杂的