<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设计教程 > 平面设计理论 > 成功的视觉设计需要给用户传达什么

        成功的视觉设计需要给用户传达什么

        在大家着迷用户体验设计关注用户研究人机交互的时候视觉设计好像被遗忘了

        我想说的是视觉设计一如既往地重要着

        视觉设计处在产品表现层跟诺曼先生提出的情感化设计本能层设计水平直接相关

        如果想让用户一见钟情进而买单让客户点头通过方案给他们视觉上的第一印象至关重要

        没有视觉的最终落地前面的研究和交互似乎都将付诸东流

        因为视觉设计至少做了这四件事情

        1 传达“品牌”

        视觉设计形成一种氛围与公司品?#24179;?#31435;联系

        既是一种宣传也加深了用户对品牌的?#29616;?#24230;

        成功的视觉设计需要给用户传达什么

        兰芝的产品界面和包装都是一致的蓝

        2 传达“美感”

        漂亮的东西总是比丑陋的东西容易被人接受

        这里指的“美感”应该是“恰当地漂亮”

        每个人的审美不一样?#23383;?#29066;掌乙之砒霜所以所谓的美感因人而异因目标用户打造

        小孩认为的美跟大人认为的美也许是不一样的

        男人认为的美跟女人认为的美也许是不一样的

        文艺青年的美跟土老板认为的美也许是不一样的

        甚至同一个人身上当他扮演不同的?#24039;?#30340;时候也应该给他恰当的美

        比如一个人潮人医生他使用的手机界面应该新潮而使用的医疗器械界面却应该简约

        漂亮的产品也许会让用户痴迷并忘记一部分学习成本

        3 传达“信息”

        它将产品上的信息/数据视觉化以容?#36164;?#21035;容易理解的方式表达出来

        比如对于信息优先级的识别通过视觉对比让用户知道我们想给他优先看什么

        从报纸的设计可以读出信息优先级

        比如对于信息关联度的识别?#30007;?#20869;容跟?#30007;?#20869;容是相关的?#30007;?#26159;包含被包含的

        边框是区?#33268;?#36753;关系的一种视觉手段

        比如通过树状图热点图等图形表达数据的统计比?#30475;?#32599;列数据更好理解

        4 传达“行为”

        交互的理念通过视觉传达视觉暗示将行为状态传达给用户 互联网的一些事

        一个操作的线索操作的过程操作的结果都需要视觉来交待

        比如愤怒的小鸟在拉动弹弓拉到什么程度弹出小鸟砸中积木整个过程都是丰富的视觉效果在负责交待

        最后举个例子在一颗按钮身上可以也许可以体现出来这四件事情

        这颗麦当劳的按钮

        红色的主色中间?#34892;?#35768;黄色的光晕透露“品牌”

        质感发光的处理代表“美感”

        鼠标悬停按下的时候(这个是我yy的实际上他们没有做 ==)有相应的状态反馈传递“交互”

        按钮上的字说明“信息”

        分享到: 
        点缀元素在Banner设计里的运用
        如何设计出简单易用的网页

        ?#35753;?#25512;荐

        ڿ¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>