• <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>
  • 首页 > 网页教程 > 设?#21697;?#20139; > “简”与“洁?#20445;?#20135;品界面设计不得不知道的两点

    “简”与“洁?#20445;?#20135;品界面设计不得不知道的两点

    时间:2016-09-07    来源:beforweb

    避免过度简化,构造合理的对比度,在整体上节奏清晰的体现产品的信息层次及功能架构,在细节当中打磨清晰性、易读与易用性,真正以“产品体验”而非“视觉风格”为主旨进行设计 ,这是产品设计师们需要去做的。

    jiemiansheji

    “简”与“洁”

    Medium的设计通常会被业界视为“简洁”的典范。不过,对于产品界面设计而言,“简”与“洁”却是有着本质性差异的两个概念。

    • ”,简单,用于描述复杂性。简单的事物,运作方式直白易理解。“简”,是一?#36136;?#29992;体验

    • ”,洁净,用于描述视觉美感。洁净的设计,通常伴随着较低的信息密度与比重?#32454;?#30340;留白。“洁”,是一种外观感受

    ?#32454;?#25511;制界面元素数量的设计手法,或许可以塑造外观感受上的“洁”,?#27425;?#24517;能够实现使用体验上的“简”,甚至有可能南辕北辙。和很多人一样,我很?#19981;禡edium洁净的外观,但同时也感到在操作体验方面距离“简单易用”还有一定的距离。

    界面设计的根本目标,在于以产品的功能性为基础而构建使用体验,以使用体验为基础而塑造视觉美感。产品固有的复杂度不容回避,设计师需要对界面的复杂度进?#20449;?#26029;与管理,通过必要的复杂度换取产品运作所需要的最基本的可达性与易用性,而非片面的以降低复杂度为目标,以设计的名义损害产品的功能性与使用体验

    产品设计不是艺术创作

    我一度很?#19981;?#27721;堡包菜单,觉得这着实是一种优雅的设计模式,能神奇地节省出大量空间,将全部元素隐藏到三道杠图标背后。不过在很多时候,点击这个图标的感觉会让我想到在“超级玛丽”里面跳起来顶问号砖块时的心情 。你总会在那样的一些瞬间寻思:“这里藏着什么来着?有没有我需要的东西?”

    而且,汉堡包图标往往位于界面顶部边角,对于移动设备而言这是最不利于拇?#22797;?#21450;的位置。

    相比而言,传统的tab栏模式则可以让你一目了然,无需猜测与思考,无需浪费时间,全然只有“OK,就在那,了解”这样。

    此外,tab栏所处的位置正是多数移动设备的拇指热区所在,操作便捷,尽在掌控。

    我有?#27604;?#24076;望给汉堡包一些机会,然而现实就是现实。一系列测试使我相信,无论是可发现性还是易用性,tab栏都?#23545;?#20248;于汉堡包,纵使前者在视觉表现上可能不如后者来的整洁美观。

    对于产品界面而言,干净整洁不代表易懂易用。产品设计不是艺术创作,清晰性、可用性、易用性等诸多要素都是我们需要考虑并付诸实践的,而美观的视觉样式只是其中的一个组成部分。

    别让“干净”毁掉“对比”

    执迷于洁净的外观,将视觉美感凌驾于可用性之上 - 这是如今的产品设计行业当中普遍存在的风气。或许应该重新考虑一下我们究竟在为谁?为什么而设计了?

    过去几年间,我们不断声讨着那些可以为界面元素带来功能暗示性的设计元素,例如浑厚的质感、浓重的阴影、夸张的渐变等?#21462;?#20026;了提升内容的权重,我们摒弃?#24605;?#20046;所有在视觉上模拟着现实特性的元素。在很多方面,新的设计思路带来了正面的结果,用户们越发习惯于数字产品的原生化体验模式,而非一味?#20004;?#20110;拟物化的界面环境。

    但并非所有的变化都能惠利于用户。伴随着新的设计思路而来的极简主义风潮席卷了整个业界,“界面干净与否”的重要程度超越了清晰性、可发现性与可达性。年复一年,如此的趋势?#24615;?#26080;减,数字化的内容与功能体验在潜移默化当中遭受着破坏。

    我们倾其所能的制造着柔美而素雅的界面,视觉对比度变得可有可无,越发纤细的文字轻盈的附着在?#25104;?#32972;景之上,标题、正文、边框、背景、图标、表单……一切都变成了浅灰色。

    设计的本质在于沟通

    作为产品设计师,我们本该致力于将信息透过界面清晰的传达给用户,毫无保留的帮助他们更加简单快捷的访问内容、使用功能。然而,盲目的附庸视觉风潮,全然以“洁净”与“优雅”为己任,不惜含糊不清、似有若无的将内容与功能呈现出来甚至不予呈现 -。如此的“设计”只会?#20960;?#37027;些原本信任你的品牌并乐于参与产品使用的用户。

    避免过度简化,构造合理的对比度,在整体上节奏清晰的体现产品的信息层次及功能架构,在细节当中打磨清晰性、易读与易用性,真正以“产品体验”而非“视觉风格”为主旨进行设计 ,这是产品设计师们需要去做的。

    作者:C7210,?#25442;?#35774;计师、猫奴、吉他手、鼓手、老狗,现就职于腾讯ISUX(上海)

    相关推荐
    十五个用户体验设计(UI/UX)案例剖析
    腾讯CDC分享QQ登录界面的banner设计过程点滴
    移动终端全新界面设计语言“Metro”简析
    20个精致漂亮的视频播?#29260;?#30028;面设计欣赏及点评
    ?#31243;?#30028;面设计中的结构设计
    分享:5招助你打造更加简洁的用户界面
    ?#31243;?#30028;面UI设计中的包容性设计
    分享:360安全桌面主题设计过程及思路总结
    移动应用设计的横竖屏切换中的界面设计与体验提升
    国外精彩网页界面设计案例赏析
    成功的视觉设计需要给用户传达四个要点
    富有灵感和创意的web布局及?#25442;?#35774;计赏析
    Photoshop教程:提高IOS设计效率的30个要诀分享
    在网页设计中如何应用黄金分割比例?
    ?#21028;?#32593;页/平面设计师是怎样炼成的
    符合用户操作习惯的网站界面设?#21697;?#20139;
    21个带斜线排版设计的网站设计创意欣赏
    另眼观看用户界面扁平化设计的不足之外
    产品视觉设计与用户心理的有趣现象
    平面设计中关于控制视觉层次的设?#21697;?#27861;
    10个漂亮实用并附带源码的Web设计教程分享
    创造视觉冲击力的网页设计配色技巧
    在视觉设计中对像素的深度解析
    网页设计中关于?#35813;?#25928;果的小技巧分享
    色?#26159;?#24863;对用户体验设计的影响
    换汤不换药?看应用们如何“为iOS 7设计”
    APP浏览体验设计的思考:如何理解用户的眼?
    高效UI设计秘笈 Photoshop CC使用技巧图文教程
    25个创意独特的Web表单设计案例欣赏
    2014年Web网页设计的10大发展趋势前瞻
    20个创意漂亮的手机应用程序登陆页面设计欣赏
    界面设计教程:如何做好扁平化设计之?#25442;?#31687;
    美工做推广?我的工资是如?#26410;?.5K涨到9K的
    移动应用图标配色诀窍 APP界面配色设计教程
    网页设计教程:首屏图文混排10大技巧分享
    Android应用开发教程:最常见的十大?#24049;?#35774;计错误!

    精彩推荐

    ?#35753;?#25945;程

    任选五走势图
  • <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>
  • <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>
  • 体彩安徽11选5开奖查询 体彩排列三质合走势图 棒球场周长 北京快3怎么玩 七乐彩开奖中三个号码 3d麻将美女真人游戏 福彩双色球连号走势图 山西11选5任选五技巧 七星彩走势图表带连线 棒球帽子推荐 中国体彩泳坛夺金 竞彩篮球胜分差玩法介绍 20选5复式投注浙江 期正版特码资料 山东11选5荐胆如何购买