央视直播台,微信直播设备及软件,故事会真实案例直播

array(23) {
  ["id"] => string(2) "96"
  ["siteid"] => string(1) "1"
  ["type"] => string(1) "1"
  ["m_id"] => string(1) "0"
  ["p_id"] => string(1) "0"
  ["name"] => string(6) "服務(wù)"
  ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
  ["image"] => string(0) ""
  ["desc"] => string(0) ""
  ["pdir"] => string(0) ""
  ["dir"] => string(7) "service"
  ["url"] => string(0) ""
  ["setting"] => array(15) {
    ["is_html"] => int(1)
    ["content_is_html"] => int(0)
    ["urlrule"] => int(1)
    ["contenturlrule"] => int(0)
    ["meta_title"] => string(88) "定制開(kāi)發(fā)-APP定制開(kāi)發(fā),微信定制開(kāi)發(fā),小程序定制開(kāi)發(fā),網(wǎng)站定制開(kāi)發(fā)"
    ["meta_keywords"] => string(75) "APP定制開(kāi)發(fā),微信定制開(kāi)發(fā),小程序定制開(kāi)發(fā),網(wǎng)站定制開(kāi)發(fā)"
    ["meta_description"] => string(0) ""
    ["category_template"] => string(0) ""
    ["list_template"] => string(0) ""
    ["show_template"] => string(21) "show_page_dingzhi.tpl"
    ["formid"] => string(0) ""
    ["url"] => string(0) ""
    ["target"] => string(0) ""
    ["pri_grade_visit"] => array(0) {
    }
    ["pri_grade_add"] => array(0) {
    }
  }
  ["order"] => string(1) "1"
  ["sethtml"] => string(1) "0"
  ["stat"] => string(1) "2"
  ["flowid"] => string(1) "0"
  ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
  ["page_num"] => string(1) "0"
  ["wxstat"] => string(1) "0"
  ["scope"] => string(0) ""
  ["modelname"] => NULL
  ["son"] => array(9) {
    [0] => array(22) {
      ["id"] => string(3) "187"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "小程序開(kāi)發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(112) "專(zhuān)業(yè)微信小程序解決方案|各種場(chǎng)景核心功能，提前布局微信新生態(tài)，搶占第一波紅利"
      ["pdir"] => string(0) ""
      ["dir"] => string(6) "wechat"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(107) "小程序_商城小程序_門(mén)店小程序_微圈小程序_餐飲小程序開(kāi)發(fā)-藝源科技小程序開(kāi)發(fā)"
        ["meta_keywords"] => string(103) "小程序開(kāi)發(fā),商城小程序開(kāi)發(fā),門(mén)店小程序開(kāi)發(fā),微圈小程序開(kāi)發(fā),餐飲小程序開(kāi)發(fā)"
        ["meta_description"] => string(269) "專(zhuān)注提供專(zhuān)注提供小程序、商城小程序、門(mén)店小程序、微圈小程序、餐飲小程序開(kāi)發(fā)，專(zhuān)業(yè)團(tuán)隊(duì),一對(duì)一服務(wù),助企業(yè)快速生成自己的移動(dòng)端微商城平臺(tái). 藝源科技小程序采用高性能數(shù)據(jù)架構(gòu),系統(tǒng)穩(wěn)定安全。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_xcx.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "0"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "1"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [1] => array(22) {
      ["id"] => string(3) "199"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "APP開(kāi)發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "APP"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(65) "app開(kāi)發(fā)_app定制開(kāi)發(fā)_app制作開(kāi)發(fā)公司【藝源科技】"
        ["meta_keywords"] => string(53) "app開(kāi)發(fā),app定制開(kāi)發(fā)公司,app制作開(kāi)發(fā)公司"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_app.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [2] => array(22) {
      ["id"] => string(3) "244"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "快抖霸屏"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "kuaidou"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營(yíng)銷(xiāo)獲客技術(shù)提供商！"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
        ["meta_description"] => string(161) "藝源智能云推廣系統(tǒng)13325455411專(zhuān)注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結(jié)合的營(yíng)銷(xiāo)爆客解決方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(20) "show_page_douyin.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "2"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(27) "需要短視頻推廣排名"
      ["modelname"] => NULL
    }
    [3] => array(22) {
      ["id"] => string(3) "207"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(14) "AI智能名片"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(2) "ai"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷(xiāo)售更簡(jiǎn)單"
        ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷(xiāo)售更簡(jiǎn)單,電子名片,二維碼名片"
        ["meta_description"] => string(184) "藝源AI智能名片-讓銷(xiāo)售更簡(jiǎn)單。藝源AI智能名片為企業(yè)提供名片小程序,智能名片,企業(yè)名片,小程序名片,電子名片,二維碼名片等相關(guān)的服務(wù)。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(16) "show_page_ai.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "3"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [4] => array(22) {
      ["id"] => string(3) "201"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "版權(quán)登記"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "copyright"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_copyright.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "4"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [5] => array(22) {
      ["id"] => string(3) "203"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "商標(biāo)注冊(cè)"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "trademark"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(131) "商標(biāo)注冊(cè)_商標(biāo)注冊(cè)流程_商標(biāo)注冊(cè)流程及費(fèi)用_西安商標(biāo)注冊(cè)_西安商標(biāo)注冊(cè)代理-「源知果」藝源科技"
        ["meta_keywords"] => string(103) "商標(biāo)注冊(cè),商標(biāo)注冊(cè)流程,商標(biāo)注冊(cè)流程及費(fèi)用,西安商標(biāo)注冊(cè),西安商標(biāo)注冊(cè)代理"
        ["meta_description"] => string(182) "「源知果」西安提供代理版權(quán)登記，代理商標(biāo)注冊(cè)，代理專(zhuān)利申請(qǐng)，代理企業(yè)貫標(biāo)，代理高新技術(shù)企業(yè)認(rèn)定的服務(wù)；咨詢(xún)電話(huà)：13325455411。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_trademark.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "5"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [6] => array(22) {
      ["id"] => string(3) "205"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "網(wǎng)站建設(shè)"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
      ["desc"] => string(149) "節(jié)約IT成本/降低運(yùn)維成本/網(wǎng)站安全穩(wěn)定/不滿(mǎn)意全額退款|節(jié)約IT成本/降低運(yùn)維成本/網(wǎng)站安全穩(wěn)定/不滿(mǎn)意全額退款"
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "website"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(80) "西安商城網(wǎng)站建設(shè)_政府網(wǎng)站建設(shè)_學(xué)校網(wǎng)站建設(shè)就選藝源科技"
        ["meta_keywords"] => string(113) "西安網(wǎng)站建設(shè),西安網(wǎng)絡(luò)公司,西安網(wǎng)頁(yè)設(shè)計(jì),商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學(xué)校網(wǎng)站建設(shè)"
        ["meta_description"] => string(248) "「藝源科技」是西安一家專(zhuān)業(yè)的西安商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學(xué)校網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司，咨詢(xún)電話(huà):029-88810146/150 9401 9029。公司擁有10年實(shí)踐經(jīng)驗(yàn),為您提供一條龍的互聯(lián)網(wǎng)應(yīng)用解決方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_website.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "6"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [7] => array(22) {
      ["id"] => string(3) "208"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "2"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "云服務(wù)平臺(tái)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(0) ""
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(0)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(0)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(0) ""
        ["formid"] => string(0) ""
        ["url"] => string(21) "http://www.qulvkj.com"
        ["target"] => string(6) "_blank"
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "7"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [8] => array(22) {
      ["id"] => string(3) "202"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "SEO優(yōu)化"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "seo"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(90) "【西安SEO優(yōu)化_西安網(wǎng)站優(yōu)化_關(guān)鍵詞排名優(yōu)化】-SEO優(yōu)化公司藝源科技"
        ["meta_keywords"] => string(81) "西安SEO優(yōu)化,西安SEO優(yōu)化公司,西安網(wǎng)站優(yōu)化,西安網(wǎng)站優(yōu)化公司"
        ["meta_description"] => string(244) "藝源科技（yysweb.com）,專(zhuān)注為企業(yè)提供百度等搜索引擎整站SEO優(yōu)化服務(wù),針對(duì)不同行業(yè)、網(wǎng)站情況給出不同策略、報(bào)價(jià)和SEO建議;是您值得信賴(lài)的seo診斷、顧問(wèn)咨詢(xún)等云SEO技術(shù)服務(wù)外包商。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_seo.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "8"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
  }
}

當(dāng)前位置：首頁(yè) > 售后 > 藝源智庫(kù)

2018界面情感化設(shè)計(jì)，拒絕冷冰冰的人機(jī)交流

時(shí)間：2018-06-23 18:14:38

文章發(fā)布：

原創(chuàng)作者：松果

來(lái)源：互聯(lián)網(wǎng)

網(wǎng)頁(yè)或App界面的情感化設(shè)計(jì)，作為用戶(hù)體驗(yàn)和需求金字塔的層級(jí)，越來(lái)越多的受到設(shè)計(jì)師們的關(guān)注和重視。Donald Arthur Norman，作為享譽(yù)全球的認(rèn)知心理學(xué)家和尼爾森·諾曼集團(tuán)的聯(lián)合創(chuàng)辦人之一，也在其名為《情感化設(shè)計(jì)》的書(shū)籍中，從本能，行為和反思三個(gè)設(shè)計(jì)維度，講述了情感在界面設(shè)計(jì)的重要地位和作用，強(qiáng)調(diào)web或app設(shè)計(jì)要從情感層面吸引和留住用戶(hù)，提升用戶(hù)體驗(yàn)。

但作為設(shè)計(jì)師，究竟如何才能將情感元素巧妙地融入網(wǎng)頁(yè)或軟件設(shè)計(jì)，使界面輕松擺脫冰冷的人機(jī)交流，增強(qiáng)界面吸引力和引導(dǎo)力的同時(shí)，提升用戶(hù)認(rèn)同感和忠誠(chéng)度呢？

以下，本文將從六個(gè)方面為大家分析和講解UI 界面設(shè)計(jì)中應(yīng)該如何應(yīng)用情感化設(shè)計(jì)，為Web或App設(shè)計(jì)錦上添花。當(dāng)然，為方便大家理解和借鑒，小編也將結(jié)合新且充滿(mǎn)人情味的UI 設(shè)計(jì)實(shí)例和相關(guān)原型設(shè)計(jì)實(shí)例，希望對(duì)大家有所幫助：

首先，什么是網(wǎng)頁(yè)或App UI的情感化設(shè)計(jì)？

網(wǎng)頁(yè)或App UI的情感化設(shè)計(jì)是指，設(shè)計(jì)師利用界面元素或元素的組合，激發(fā)和帶給用戶(hù)正面，積極的情緒反映，例如快樂(lè)，喜愛(ài)，自由等等。一定情境下，一些設(shè)計(jì)師甚至大膽使用別出心裁的頁(yè)面設(shè)計(jì)，激發(fā)用戶(hù)負(fù)面情感（比如悲傷，遺憾等等），以求引起用戶(hù)共鳴，從而拉近與用戶(hù)的心理距離，更加高效地引導(dǎo)用戶(hù)，提升用戶(hù)認(rèn)同感。

簡(jiǎn)而言之，情感化設(shè)計(jì)具體包括利用彩配色激發(fā)用戶(hù)情感，或高興，或溫暖，或?qū)庫(kù)o祥和；利用簡(jiǎn)單易懂，自由流暢的交互設(shè)計(jì)，吸引用戶(hù)點(diǎn)擊或參與；以及利用暖心體貼的界面文本設(shè)計(jì)，打動(dòng)用戶(hù)等等。

總之，好的情感化設(shè)計(jì)界面會(huì)讓用戶(hù)眼前一亮，迅速抓住用戶(hù)的心，讓用戶(hù)擁有更加暖心，愉悅的體驗(yàn)。

利用界面所有元素，向用戶(hù)傳達(dá)其產(chǎn)品安全而值得信賴(lài)的情感信息-藝源科技

如圖，利用界面所有元素，尤其是圖片和文案，向用戶(hù)傳達(dá)其產(chǎn)品安全而值得信賴(lài)的情感信息。

那么，如何才能設(shè)計(jì)出充滿(mǎn)人情味的Web或App設(shè)計(jì)？

正如以上情感化設(shè)計(jì)定義講述的那樣，Web或App設(shè)計(jì)的每一個(gè)元素或細(xì)節(jié)都可能成為用戶(hù)情緒的激發(fā)點(diǎn)和源頭。那么，設(shè)計(jì)師如何才能更加高效的利用簡(jiǎn)單常見(jiàn)的界面元素，打造吸睛又不失人情味的頁(yè)面設(shè)計(jì)呢？為方便大家理解和借鑒，這里主要從6個(gè)主要方面為大家介紹：

1). 利用視覺(jué)元素的情感化設(shè)計(jì)，打動(dòng)人心

視覺(jué)設(shè)計(jì)元素也可人情味十足。具體而言，設(shè)計(jì)師可以從以下幾個(gè)方面嘗試設(shè)計(jì)：

*利用色彩吸引用戶(hù)，激發(fā)用戶(hù)情感

色彩，作為頁(yè)面視覺(jué)設(shè)計(jì)中重要的元素之一，對(duì)于Web或App UI 能否在第一眼就吸引并留住用戶(hù)發(fā)揮著至關(guān)重要的作用。無(wú)論是單個(gè)色彩的應(yīng)用，還是多種色彩的搭配使用，例如網(wǎng)頁(yè)主色調(diào)，配色以及圖片文字色調(diào)的選擇等等，終究都是為了通過(guò)色彩帶給用戶(hù)不同的情緒反應(yīng)，獲得不同的情感體驗(yàn)。

例如，黃，紅等積極的色彩或主色調(diào)的應(yīng)用，給人以熱情，青春，幸福，快樂(lè)等正面情緒，讓用戶(hù)不自覺(jué)地?fù)碛懈臃e極正面的情感。而，藍(lán)，綠，黑等消極色彩或配色的應(yīng)用，給人以安靜祥和，自由舒適之感，讓用戶(hù)不自覺(jué)地平靜下來(lái)，變得更加理智而有耐心。總之，利用色彩引發(fā)不同的情感傾向，是頁(yè)面設(shè)計(jì)中表達(dá)情感的重要途徑之一。

利用色彩吸引用戶(hù)，激發(fā)用戶(hù)情感

如圖，作為一款中餐廳的在線網(wǎng)頁(yè)設(shè)計(jì)，設(shè)計(jì)師選擇了東方特色的紅，黃色作為整款設(shè)計(jì)的主色調(diào)。這樣的色彩選擇不僅讓整款設(shè)計(jì)直觀吸睛，引人入勝。而且，還營(yíng)造出了極具東方之美的氛圍，讓人忍不住喜愛(ài)而躍躍欲試。

利用色彩吸引用戶(hù)，激發(fā)用戶(hù)情感

如圖，以藍(lán)，白色為主色調(diào)的404報(bào)錯(cuò)頁(yè)面，能夠在無(wú)形中傳遞出平靜舒適之感，從而更加有效的緩解用戶(hù)突然面對(duì)報(bào)錯(cuò)時(shí)的負(fù)面情緒。

*打造清晰直觀的布局和排版設(shè)計(jì)，拒絕煩亂和用戶(hù)反感

選擇或設(shè)計(jì)更加清晰，直觀，結(jié)構(gòu)化和層次化的頁(yè)面布局和排版，能夠讓用戶(hù)更加簡(jiǎn)單快速的把握界面主次，從而避免雜亂無(wú)章或毫無(wú)層次重點(diǎn)的內(nèi)容設(shè)計(jì)，帶給用戶(hù)的不快和反感。

打造清晰直觀的布局和排版設(shè)計(jì)，拒絕煩亂和用戶(hù)反感

如圖，利用更加清晰直觀，且層次結(jié)構(gòu)分明的布局和排版，突出界面主次，方便用戶(hù)更加簡(jiǎn)單快捷的查找所需內(nèi)容，拒絕煩亂和用戶(hù)反感。

*利用網(wǎng)頁(yè)視覺(jué)元素的組合和對(duì)比，打造舒適，統(tǒng)一的設(shè)覺(jué)設(shè)計(jì)

除了利用單個(gè)視覺(jué)元素（例如色彩，圖片，文字等）吸引用戶(hù)，多種視覺(jué)元素的組合和對(duì)比，對(duì)于打造舒適，統(tǒng)一的界面設(shè)計(jì)，作用也是很好。比如，通過(guò)圖片和文字的色彩，大小，位置，對(duì)齊方式，數(shù)量，以及層級(jí)的組合和對(duì)比，創(chuàng)建更加清晰直觀，舒適易懂的頁(yè)面設(shè)計(jì)。

利用網(wǎng)頁(yè)視覺(jué)元素的組合和對(duì)比，打造舒適，統(tǒng)一的設(shè)覺(jué)設(shè)計(jì)

如圖，通過(guò)利用Mockplus的“圖片”，“ 單行文字”以及“按鈕” 等組件的組合，結(jié)合其尺寸，位置，排版，色彩，以及對(duì)齊方式的不同，打造出視覺(jué)上舒適，統(tǒng)一的網(wǎng)頁(yè)原型設(shè)計(jì)。

此外，一定形狀，網(wǎng)格以及動(dòng)畫(huà)的添加，也能夠非常有效地幫助設(shè)計(jì)師創(chuàng)建更具視覺(jué)魅力的頁(yè)面設(shè)計(jì)。

利用網(wǎng)頁(yè)視覺(jué)元素的組合和對(duì)比，打造舒適，統(tǒng)一的設(shè)覺(jué)設(shè)計(jì)

如圖，通過(guò)Mockplus的快速格子和自動(dòng)填充功能制作極富視覺(jué)魅力的網(wǎng)格，并結(jié)合其“單行文字”和“多行文字”組件，設(shè)計(jì)出層次結(jié)構(gòu)清晰，排版布局直觀易懂的網(wǎng)頁(yè)原型設(shè)計(jì)，為用戶(hù)提供更加簡(jiǎn)單流暢的體驗(yàn)。

摹客，定制你的設(shè)計(jì)規(guī)范

設(shè)計(jì)系統(tǒng)

總之，把握好各種視覺(jué)元素以及元素之間相互組合的基本設(shè)計(jì)規(guī)律，有目的的營(yíng)造出一定的頁(yè)面情感，從而實(shí)現(xiàn)與用戶(hù)情感層面的對(duì)話(huà)，給用戶(hù)留下很好的第一映像。

2). 利用便捷流暢的交互設(shè)計(jì)，提供愉悅的用戶(hù)體驗(yàn)

Web或App設(shè)計(jì)之中，交互設(shè)計(jì)不僅能夠滿(mǎn)足用戶(hù)需求，體現(xiàn)其功能性和實(shí)用性，而且還能夠激發(fā)用戶(hù)的愉悅心情，提升用戶(hù)體驗(yàn)。換而言之，一款優(yōu)質(zhì)的網(wǎng)頁(yè)或應(yīng)用的交互設(shè)計(jì)，不僅要簡(jiǎn)單易懂，讓用戶(hù)輕松的知道做什么，怎么做，以滿(mǎn)足其需求。而且還能允許用戶(hù)自由流暢地完成交互設(shè)計(jì)，成功購(gòu)買(mǎi)或了解相關(guān)軟件或產(chǎn)品，提供愉悅的交互體驗(yàn)，加深用戶(hù)印象。

利用便捷流暢的交互設(shè)計(jì)，提供愉悅的用戶(hù)體驗(yàn)

如圖，以上的交互設(shè)計(jì)，不僅讓用戶(hù)了解到在登錄時(shí)需要做什么。而且，當(dāng)用戶(hù)輸入密碼時(shí)，上面的動(dòng)態(tài)人偶還會(huì)相應(yīng)的捂住雙眼。當(dāng)用戶(hù)密碼輸入錯(cuò)誤時(shí)，輸入的密碼不僅會(huì)變紅，提醒用戶(hù)。而且，人偶也會(huì)相應(yīng)的給出反映?？傊?，整款設(shè)計(jì)給人以俏皮安全之感。可以說(shuō)是十分暖心的設(shè)計(jì)了。

當(dāng)然，交互設(shè)計(jì)也需要符合實(shí)際情境，再簡(jiǎn)單流暢的交互設(shè)計(jì)，不符合相應(yīng)情境，也可能引起用戶(hù)不滿(mǎn)而反感。

3).采用獨(dú)具魅力的設(shè)計(jì)風(fēng)格和主題，打造有趣特別的用戶(hù)體驗(yàn)

采用獨(dú)具魅力的頁(yè)面設(shè)計(jì)風(fēng)格和主題，不僅能夠提升其頁(yè)面設(shè)計(jì)的趣味性和獨(dú)特性，還能夠極大的加深用戶(hù)對(duì)產(chǎn)品或品牌的印象，讓用戶(hù)戀戀不忘，從而成為軟件或產(chǎn)品的直接傳播者或推廣者。而設(shè)計(jì)師可以從以下幾個(gè)方面嘗試進(jìn)行情感化設(shè)計(jì)：

*利用不同的設(shè)計(jì)技巧或風(fēng)格，簡(jiǎn)化或優(yōu)化界面設(shè)計(jì)

極簡(jiǎn)主義設(shè)計(jì)風(fēng)格，能夠極大的簡(jiǎn)化網(wǎng)頁(yè)界面設(shè)計(jì)，讓界面更加快速實(shí)用，從而緩解用戶(hù)因頁(yè)面加載而不得不等待的焦躁乏味之感。

簡(jiǎn)約設(shè)計(jì)的風(fēng)格，帶給用戶(hù)簡(jiǎn)單便捷的瀏覽體驗(yàn)

如圖，簡(jiǎn)約設(shè)計(jì)的風(fēng)格，帶給用戶(hù)簡(jiǎn)單便捷的瀏覽體驗(yàn)。

扁平化設(shè)計(jì)風(fēng)格，作為時(shí)下流行的界面設(shè)計(jì)風(fēng)格之一，能夠讓頁(yè)面設(shè)計(jì)更加平滑，突出頁(yè)面內(nèi)容的視覺(jué)層級(jí)，從而更加方便用戶(hù)簡(jiǎn)單快速的查找需要的界面內(nèi)容。

扁平化設(shè)計(jì)風(fēng)格

如圖的實(shí)例設(shè)計(jì)，設(shè)計(jì)師可以利用Mockplus的“圖標(biāo)”組件，簡(jiǎn)單設(shè)計(jì)出具有扁平化設(shè)計(jì)風(fēng)格的網(wǎng)頁(yè)原型，讓頁(yè)面更加平滑流暢，視覺(jué)層級(jí)突出，使用戶(hù)更加方便快捷的查找和使用需要的信息。

漸進(jìn)式設(shè)計(jì)技巧，隱藏部分界面功能，減少界面噪音對(duì)用戶(hù)的干擾，從而讓用戶(hù)更加直觀快速的完成需要的操作。

漸進(jìn)式設(shè)計(jì)技巧

如圖，漸進(jìn)式設(shè)計(jì)技巧，對(duì)于提升網(wǎng)頁(yè)用戶(hù)體驗(yàn)，作用也是很好的。

總之，多樣的設(shè)計(jì)技巧和風(fēng)格的應(yīng)用，能夠帶給用戶(hù)不一樣的體驗(yàn)。

*分析受眾特點(diǎn)，選擇不同的設(shè)計(jì)主題，帶給用戶(hù)不同的情感體驗(yàn)

在具體的網(wǎng)頁(yè)或軟件設(shè)計(jì)中，設(shè)計(jì)師也要注意分析和把握軟件或產(chǎn)品受眾特點(diǎn)，選擇不同的設(shè)計(jì)主題，表達(dá)不同的情感，從而提供不同的情感體驗(yàn)。例如，面向兒童的網(wǎng)頁(yè)或App設(shè)計(jì)，就需要更多的添加明亮色彩，可愛(ài)有趣的卡通形象，動(dòng)畫(huà)以及游戲，吸引受眾的同時(shí)，體現(xiàn)網(wǎng)站對(duì)兒童的喜愛(ài)。

*利用幽默風(fēng)趣的設(shè)計(jì)，快速引起用戶(hù)注意和共鳴

幽默風(fēng)趣的設(shè)計(jì)風(fēng)格，能直接快速的引起用戶(hù)注意，激發(fā)用戶(hù)情感共鳴，留住用戶(hù)的同時(shí)，提升用戶(hù)參與度。所以，在具體的情感化設(shè)計(jì)中，也可在界面設(shè)計(jì)中，嘗試多設(shè)計(jì)和添加一些幽默視頻，圖片，插畫(huà)或動(dòng)畫(huà)，更加有效的吸引和留住用戶(hù)。

利用幽默風(fēng)趣的設(shè)計(jì)，快速引起用戶(hù)注意和共鳴

如圖，幽默風(fēng)趣的設(shè)計(jì)風(fēng)格，給人以輕松自由之感，應(yīng)用到各種報(bào)錯(cuò)頁(yè)面，能夠非常有效的緩解用戶(hù)的負(fù)面情緒。

總之，不同設(shè)計(jì)風(fēng)格，技巧以及主題選擇和應(yīng)用，能夠極大地簡(jiǎn)化或優(yōu)化頁(yè)面，帶給用戶(hù)不同的情感體驗(yàn)。

4). 利用暖心文本設(shè)計(jì)，激發(fā)用戶(hù)好感和共鳴

直擊心靈的文本設(shè)計(jì)也是實(shí)現(xiàn)與用戶(hù)情感交流的重要途徑。相較于冰冷且毫無(wú)人情味的界面說(shuō)明，報(bào)錯(cuò)信息，通知以及反饋，帶有設(shè)計(jì)師主觀情感，溫暖，貼心的文本設(shè)計(jì)，更能激發(fā)用戶(hù)好感，引導(dǎo)用戶(hù)行為的同時(shí)，加深用戶(hù)對(duì)軟件和產(chǎn)品的認(rèn)可和喜愛(ài)。

利用暖心文本設(shè)計(jì)，激發(fā)用戶(hù)好感和共鳴

如圖，暖心的文本設(shè)計(jì)，結(jié)合擬人化的圖標(biāo)設(shè)計(jì)，實(shí)現(xiàn)與用戶(hù)在情感方面的交流，提共更佳的情感體驗(yàn)。

利用暖心文本設(shè)計(jì)，激發(fā)用戶(hù)好感和共鳴

如圖，委婉而不失趣味性的文本設(shè)計(jì)，讓頁(yè)面更具吸引力的同時(shí)，能夠有效地緩解用戶(hù)的負(fù)面情緒。

委婉而不失趣味性的文本設(shè)計(jì)

此款Mockplus網(wǎng)頁(yè)原型設(shè)計(jì)，除了通過(guò)可愛(ài)的企鵝簡(jiǎn)筆畫(huà)吸引用戶(hù)注意，而且還巧妙的添加帶有撒嬌賣(mài)萌意味的文本設(shè)計(jì)，讓用戶(hù)看完后，忍不住點(diǎn)擊了解詳情。這就是文本設(shè)計(jì)的魅力。

5). 別出心裁的創(chuàng)意設(shè)計(jì)，賦予網(wǎng)頁(yè)或App個(gè)性

創(chuàng)意，創(chuàng)意，創(chuàng)意！無(wú)論哪種設(shè)計(jì)，失敗與成功之間，差的，始終只是創(chuàng)意。這也是設(shè)計(jì)師們時(shí)常會(huì)在著手設(shè)計(jì)之前，大量瀏覽新的網(wǎng)頁(yè)或情感化設(shè)計(jì)資源，以激發(fā)設(shè)計(jì)靈感的原因。別出心裁的創(chuàng)意設(shè)計(jì)，能夠賦予頁(yè)面?zhèn)€性和靈氣，讓用戶(hù)感受到對(duì)方是 “有血有肉的人”，而非冰冷的工具或機(jī)器。

別出心裁的創(chuàng)意設(shè)計(jì)，賦予網(wǎng)頁(yè)或App個(gè)性

如圖，利用文本與圖片相互呼應(yīng)的創(chuàng)意，傳達(dá)頁(yè)面情感，達(dá)到與用戶(hù)情感層面的交流。

而這一方面，為更加簡(jiǎn)單快捷的原型化，測(cè)試并迭代各種情感化設(shè)計(jì)創(chuàng)意.

首先，Mockplus提供了強(qiáng)大的組件庫(kù)，圖標(biāo)庫(kù)以及樣式庫(kù)，能夠幫助設(shè)計(jì)師快速的將設(shè)計(jì)創(chuàng)意原型化。而且，其提供的8種演示和分享方式，對(duì)于設(shè)計(jì)師及時(shí)測(cè)試，獲取反饋并迭代相應(yīng)創(chuàng)意，也非常實(shí)用。

當(dāng)然，如若，需要團(tuán)隊(duì)協(xié)作完成某些Web或App UI的情感化設(shè)計(jì)，其團(tuán)隊(duì)版和企業(yè)版的團(tuán)隊(duì)協(xié)作和管理功能也是非常值得嘗試的。

6).其它打動(dòng)用戶(hù)的細(xì)節(jié)設(shè)計(jì)

情感化設(shè)計(jì)，可以應(yīng)用到網(wǎng)頁(yè)或App很多頁(yè)面設(shè)計(jì)中，以緩解用戶(hù)負(fù)面情緒，更加高效的引導(dǎo)用戶(hù)行為，并提升用戶(hù)對(duì)品牌的認(rèn)同感和忠誠(chéng)度。比如，登錄注冊(cè)，引導(dǎo)，反饋，加載，404報(bào)錯(cuò)等頁(yè)面的細(xì)節(jié)設(shè)計(jì)，不僅能夠打動(dòng)用戶(hù)，讓原本冰冷的人機(jī)交互充滿(mǎn)人情味，還能夠有效的促成購(gòu)買(mǎi)，實(shí)現(xiàn)其商業(yè)價(jià)值。

其它打動(dòng)用戶(hù)的細(xì)節(jié)設(shè)計(jì)

如圖，搜索框圖標(biāo)變化的細(xì)節(jié)設(shè)計(jì)，讓界面更加暖心而有活力。

其它打動(dòng)用戶(hù)的細(xì)節(jié)設(shè)計(jì)

如圖，登錄頁(yè)面的歡迎語(yǔ)句的添加，讓死板枯燥的頁(yè)面多了一絲暖意。

所以，細(xì)節(jié)設(shè)計(jì)也能決定成敗。設(shè)計(jì)師在平時(shí)的UI設(shè)計(jì)中要重視每一個(gè)細(xì)節(jié)，讓界面處處都流露出真情，使用戶(hù)不忍離開(kāi)。

總之，希望以上提及界面情感化設(shè)計(jì)技巧和新設(shè)計(jì)實(shí)例，能對(duì)你有所啟發(fā)。

情感化設(shè)計(jì)過(guò)程中有哪些注意事項(xiàng)呢？

情感化Web或App界面設(shè)計(jì)的過(guò)程中，設(shè)計(jì)師們也需要牢記一些注意事項(xiàng)，避免適得其反的情況出現(xiàn)：

*情感化設(shè)計(jì)在于把握和激發(fā)用戶(hù)的情感，而不僅僅是設(shè)計(jì)師感情的抒發(fā)

適當(dāng)在設(shè)計(jì)中添加代表個(gè)人態(tài)度的圖片，文字或交互，體現(xiàn)設(shè)計(jì)師的情感和立場(chǎng)，目的是為激發(fā)用戶(hù)相應(yīng)的情緒反應(yīng)，引起共鳴，從而加深用戶(hù)對(duì)品牌和產(chǎn)品的印象，增加產(chǎn)品銷(xiāo)量，提升用戶(hù)忠誠(chéng)度。但，設(shè)計(jì)師需要牢記，萬(wàn)萬(wàn)不能將其作為個(gè)人情感抒發(fā)，甚至發(fā)泄的平臺(tái)，過(guò)多主觀情感的添加，反而會(huì)激起一部分用戶(hù)的不滿(mǎn)，帶來(lái)不好的效果。

情感化設(shè)計(jì)在于把握和激發(fā)用戶(hù)的情感，而不僅僅是設(shè)計(jì)師感情的抒發(fā)

如圖，一定引語(yǔ)的添加，能夠有效的表明設(shè)計(jì)師的情感和立場(chǎng)，引起共鳴。但過(guò)多的主觀情感的添加，則可能引起用戶(hù)反感，結(jié)果反而會(huì)適得其反。

*情感化設(shè)計(jì)具有一定的時(shí)效性

同時(shí)，設(shè)計(jì)師也需要了解：情感化設(shè)計(jì)具有一定的時(shí)效性。時(shí)代在變化，代表某一情感的象征（例如文字，圖片，圖標(biāo)，事物等），也在發(fā)生變化。所以，設(shè)計(jì)師在情感化設(shè)計(jì)的過(guò)程中，也需要考慮到這一點(diǎn)，適時(shí)的更新相應(yīng)的情感設(shè)計(jì)。

*情感化設(shè)計(jì)要以軟件功能為基礎(chǔ)

無(wú)論是本文所提到的情感化設(shè)計(jì)，還是小編之前分析過(guò)的頁(yè)面視覺(jué)層級(jí)設(shè)計(jì)，亦或是網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的選擇等等，都需要以簡(jiǎn)單實(shí)用，且滿(mǎn)足用戶(hù)需求的軟件功能為基礎(chǔ)。脫離功能的情感設(shè)計(jì)，再暖心，也會(huì)因無(wú)用，而被用戶(hù)無(wú)情的拋棄。

*情感化設(shè)計(jì)要注意情境的把控

幽默可以給用戶(hù)帶來(lái)輕松愉悅的體驗(yàn)，但并不是所有情景都適合幽默風(fēng)趣的調(diào)調(diào)。其它情感設(shè)計(jì)風(fēng)格和細(xì)節(jié)也是如此。所以，設(shè)計(jì)要注意情境的把控，避免引起用戶(hù)不滿(mǎn)和反感。

結(jié)語(yǔ)

網(wǎng)頁(yè)或App界面設(shè)計(jì)不再僅僅依賴(lài)于其功能性，實(shí)用性以及適用性的提高，具有更高層級(jí)的功能界面人性化設(shè)計(jì)，也越來(lái)越多的受到設(shè)計(jì)師們關(guān)注和重視，以便為用戶(hù)提供更加愉悅，暖心的用戶(hù)體驗(yàn)。而情感化設(shè)計(jì)作為人性化設(shè)計(jì)的重要組成部分，對(duì)于網(wǎng)站能否在第一眼直擊用戶(hù)心靈，吸引和留住用戶(hù)，提升用戶(hù)認(rèn)同感和忠實(shí)度，甚至在潛移默化中將用戶(hù)轉(zhuǎn)化成軟件或產(chǎn)品的宣傳者等等，都發(fā)揮著不容小覷的作用。

所以，設(shè)計(jì)師在Web或App界面設(shè)計(jì)中，要注意適當(dāng)添加情感元素，情感化界面的各個(gè)模塊，讓冷冰冰的人機(jī)交流變得暖意洋洋，帶給用戶(hù)不一樣的情感體驗(yàn)。

總之，希望以上講解的Web或App UI 情感化設(shè)計(jì)技巧，新設(shè)計(jì)實(shí)例以及原型相關(guān)設(shè)計(jì)實(shí)例，能對(duì)你有所幫助。