浅谈界面设计(二)移动端界面中的图标视觉设计

      移动互联网的载体(手机、平板电脑、移动终端等)相比PC端界面的尺寸是非常有限的,因此清晰快速的传达复杂的信息非常重要。信息传递有效率是评价移动端图标的视觉设计的核心指标。图标的视觉设计要点,就是它的象征性表达不附任何说明,也要让不同群体的用户一看就明白。图标的设计风格主要有一下两种。

(一)拟物化视觉设计。拟物化设计就是具象的模拟现实物品的造型和质感,通过高光、纹理、材质、阴影等写实的效果对实物进行模仿再现,其中也包含了适当的变形,在界面设计中,模拟真实的的实景的图标也让交互方式也模拟现实生活。拟物化的界面图标设计,识别性容易,因为图标的视觉质感完全拟物,所以在按钮按下去的质感的真实感中,这一系列的连锁动作中,就包含了交互,这也被用户认为这是种很人性化很体贴的设计,也养成了用户的认知习惯。但是,拟物化的界面图标并没有什么功能上的实质性提升,只是停留在视觉效果上,在视觉的仿真阴影和各种材质质感上花功夫,也使整个系统运行过程中的负荷量太大。

(二)扁平化视觉设计。拟物化占大量运用的阶段中,那时候的移动互联网还没有发展的这么迅猛,它的视觉接受度很高,不分年龄层,不分文化差异都能够狠直接的接受。但随着移动互联网发展到今天,大量的移动数据、图形、图片要即时传递,拟物化的图标界面设计无疑增加了开发的成本,也占用较大的硬件空间。当然,拟物化也有其存在的重要价值,事物都是要一步一步的优化而来,所有的很棒的创想都不是一蹴而就,一步到底的。扁平化的界面设计去掉了很多从前拟物风格中,形式上的仿真高光、阴影等透视感,取而代之的用抽象、简化、符号化的元素来表达。界面元素大多用色块、字体,清爽简洁的现代感十足的符号设计,让用户只去专注看主要的内容本身,避免干扰,也缓解了审美的疲劳感,也同时省去了一些多余的交互。

拟物化和扁平化对比

无论是拟物化还是扁平化,只要能达到效果就是好的设计。越是简约的设计越是具有挑战性。此外动作的发生与预期反应是否能一致,也是界面元素情感化交流的重点。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,755评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,369评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,799评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,910评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,096评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,159评论 3 411
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,917评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,360评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,673评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,814评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,509评论 4 334
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,156评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,882评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,123评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,641评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,728评论 2 351

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,870评论 25 707
  • 本书讲了什么 本书共三部分,全面讲解了用户体验设计的流程和方法。 作者什么来头 搜狐新闻客户端UED团队,隶属于搜...
    少穻阅读 2,401评论 2 20
  • 马尔科抓着我的手,依旧带着来自被褥的温暖,和窗外漫溢进的秋天的凉意互缠在彼此的指尖。我起身的动作怔了怔,看向他。他...
    LuciA_M阅读 391评论 0 0
  • 如果我真的存在,也是因为你需要我。 嗨。 嗨。原来你在这里。 我在这里。
    杏花疏影里阅读 272评论 0 0
  • 重要是什么?如果两件事一件更重要是什么意思呢?如果一件事微不足道,是不是完成了这件事对我们没有任何大的意义?而意义...
    科幻经典阅读 251评论 0 0