杏吧app下载，关婷娜被揉胸视频直播，杏吧之春暖花开有你

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) "服務"
  ["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) "定制開發(fā)-APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網站定制開發(fā)"
    ["meta_keywords"] => string(75) "APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網站定制開發(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) "小程序開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(112) "專業(yè)微信小程序解決方案|各種場景核心功能，提前布局微信新生態(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) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發(fā)-藝源科技小程序開發(fā)"
        ["meta_keywords"] => string(103) "小程序開發(fā),商城小程序開發(fā),門店小程序開發(fā),微圈小程序開發(fā),餐飲小程序開發(fā)"
        ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發(fā)，專業(yè)團隊,一對一服務,助企業(yè)快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數據架構,系統(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開發(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開發(fā)_app定制開發(fā)_app制作開發(fā)公司【藝源科技】"
        ["meta_keywords"] => string(53) "app開發(fā),app定制開發(fā)公司,app制作開發(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) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術提供商！"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
        ["meta_description"] => string(161) "藝源智能云推廣系統(tǒng)13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結合的營銷爆客解決方案。"
        ["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智能名片_名片小程序_智能名片_讓銷售更簡單"
        ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
        ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業(yè)提供名片小程序,智能名片,企業(yè)名片,小程序名片,電子名片,二維碼名片等相關的服務。"
        ["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) "版權登記"
      ["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) "商標注冊"
      ["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) "商標注冊_商標注冊流程_商標注冊流程及費用_西安商標注冊_西安商標注冊代理-「源知果」藝源科技"
        ["meta_keywords"] => string(103) "商標注冊,商標注冊流程,商標注冊流程及費用,西安商標注冊,西安商標注冊代理"
        ["meta_description"] => string(182) "「源知果」西安提供代理版權登記，代理商標注冊，代理專利申請，代理企業(yè)貫標，代理高新技術企業(yè)認定的服務；咨詢電話：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) "網站建設"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
      ["desc"] => string(149) "節(jié)約IT成本/降低運維成本/網站安全穩(wěn)定/不滿意全額退款|節(jié)約IT成本/降低運維成本/網站安全穩(wě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) "西安商城網站建設_政府網站建設_學校網站建設就選藝源科技"
        ["meta_keywords"] => string(113) "西安網站建設,西安網絡公司,西安網頁設計,商城網站建設,政府網站建設,學校網站建設"
        ["meta_description"] => string(248) "「藝源科技」是西安一家專業(yè)的西安商城網站建設,政府網站建設,學校網站建設的網絡公司，咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經驗,為您提供一條龍的互聯(lián)網應用解決方案。"
        ["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) "云服務平臺"
      ["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)化_西安網站優(yōu)化_關鍵詞排名優(yōu)化】-SEO優(yōu)化公司藝源科技"
        ["meta_keywords"] => string(81) "西安SEO優(yōu)化,西安SEO優(yōu)化公司,西安網站優(yōu)化,西安網站優(yōu)化公司"
        ["meta_description"] => string(244) "藝源科技（yysweb.com）,專注為企業(yè)提供百度等搜索引擎整站SEO優(yōu)化服務,針對不同行業(yè)、網站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術服務外包商。"
        ["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
    }
  }
}
當前位置： 首頁 > 售后 > 藝源智庫
首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程
時間：2019-09-16 15:24:51
文章發(fā)布：李陽
原創(chuàng)作者：未知
來源：互聯(lián)網

如何為創(chuàng)意插上理性的翅膀，滴滴設計師和你一起回顧春節(jié)地圖小車 icon 換裝的設計全過程。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技


前言

新年剛過，元宵即臨，開工的小伙伴都身著新衣，領了紅包，是否還記得春節(jié)時載著你走門串戶的舞獅小車呢？

我們作為舞獅 icon 的設計師，在此將設計過程梳理成文，揭秘舞獅 icon 的誕生過程。文章分為兩部分：

  • 介紹地圖小車換裝的由來。

  • 以春節(jié)小車設計為例，沉淀創(chuàng)意 icon 設計的標準化流程。


地圖小車換裝回顧

滴滴出行 App 中除了常規(guī)地圖小車，類似春節(jié)舞獅的 icon 換裝設計已經做過很多次了。在重大節(jié)日或發(fā)生熱點新聞時，通過icon 換裝的形式來配合運營活動烘托活動氣氛。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

圣誕節(jié)的時候，小車變成了圣誕老人，駕著馴鹿雪橇帶著滿滿的禮物飛奔在地圖上；奧運會火炬?zhèn)鬟f的時候，小車成了高舉火炬奔跑的火炬手，傳遞著奧運精神；北京市7月暴雨的那天，小車成了一艘艘小船，幫助需要出行的人們航行在城市道路上……

今年的春節(jié) icon 設計就是文章開頭看到的舞獅了。做了多次的換裝設計后積累了一些方法和經驗，現在借新年伊始大吉大利的時機，以本次春節(jié)舞獅設計為例，和大家一起聊聊一個換裝 icon 設計是怎樣一步步煉成的。


地圖小車換裝設計全流程

換裝 icon 的設計過程分為7個階段，是不斷地發(fā)散、聚合、再發(fā)散的過程。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

首先從活動運營方接到需求，分析審核需求是否存在不合理或難以產出設計的部分。通過這一步，為后續(xù)設計的順利執(zhí)行奠定基礎，前期的需求分析溝通也能讓項目的上下游快速達成一致，避免后續(xù)產生疑問導致設計的反復影響進度。

需求確定后，根據活動主題發(fā)散關聯(lián)元素，進行頭腦風暴尋找創(chuàng)意點，這也是整個階段里最瘋狂的部分。發(fā)散的目的是增大創(chuàng)意的可能性，正如萊納斯·鮑林所說，「為了有個好主意，必須要先有很多想法?！?/p>

然后結合設計的最終輸出環(huán)境，明確執(zhí)行挑戰(zhàn)有哪些，將發(fā)散的創(chuàng)意點一一通過這些挑戰(zhàn)進行篩選，決策設計方案方向。隨后就是細化方案反復推敲，達到高質量的輸出標準。

由于滴滴出行多業(yè)務形態(tài)的模式，設計方案需從一個方案延展至多條業(yè)務線，并保障所有業(yè)務線方案既整體統(tǒng)一又符合業(yè)務特性。方案確定后輸出切圖元素，推動落地發(fā)布上線，并進行跟蹤反饋。

整個設計的過程就是發(fā)散和聚合的規(guī)律交替，每個重復的過程與前一次相比都會更聚焦，也更關注細節(jié)。在發(fā)散階段，新選擇會出現，在聚合階段則恰恰相反，要淘汰選項保留最合適的選擇。這種設計流程可普遍適用于創(chuàng)意類的設計需求。

接下來就對7個階段一一詳細介紹。


1. 分析活動需求

換裝設計需求通常是由市場運營活動或實事熱點活動發(fā)起，希望通過 icon 烘托活動氣氛，吸引用戶關注。曾經也由設計師發(fā)起過換裝需求，目的是通過 icon 的視覺變化營造節(jié)日氣氛，增加產品的情感化表達拉近與用戶的距離。

但很快我們發(fā)現，純視覺的 icon 變化在產品使用中是斷層的，強烈吸引了用戶注意，沒有活動解釋，沒有后續(xù)操作，且不能為用戶帶來實際收益，這反而引發(fā)一些用戶的疑惑，也讓我們思考如何體現換裝設計的價值，于是制定了需求審核標準。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

首先，需求要有多維度的運營活動背景，icon 換裝作為線上展示的活動部分，通常還會有運營對話框，運營卡片等對活動進行解釋，引導用戶操作。其次，設計需求的執(zhí)行性強，不破壞地圖小車本身的功能屬性。第三，活動均為正向情緒的表達，并為用戶普遍認知事件。只有需求滿足了這三點才可進行下一步。

換裝需求分為4類，熱點類、天氣類、節(jié)日類、商業(yè)類。每一類對設計的要求也不太一樣。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

  • 時事熱點類，要求設計師能夠快速產出設計方案，精準匹配新聞發(fā)生的時間段。

  • 天氣類需求在時間上具有不確定性，比如不確定今年的初雪是哪一天，要結合運營策略提前準備預案，避免臨時設計時間不足。

  • 節(jié)日類需求時間固定，且較常規(guī)，可根據運營活動排期提前2-3周準備。本次春節(jié)舞獅 icon 設計，就屬于節(jié)日類換裝設計。

  • 商業(yè)類是商業(yè)合作往來，具有直接的商業(yè)收益，但商業(yè)需求要和滴滴的品牌氣質高度契合才可。


2. 尋找最佳創(chuàng)意

這一步是整個設計流程最關鍵的步驟，我們希望用戶看到換裝 icon 時能夠快速感知其代表的活動寓意。

從活動主題出發(fā)，不斷在網絡上和腦海中搜集提煉春節(jié)相關的關鍵元素，發(fā)散搜集需要多反復幾次，查找資料并和身邊的朋友交流溝通，盡可能全面多角度的進行列舉，然后對其分類整理。此次我們搜集與整理了這些關鍵元素：

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

  • 立體物體：燈籠、壽桃、元寶、祥云、葫蘆、布老虎、財神、門神、龍、鳳凰、生肖、年獸、舞獅、壽星、魚。

  • 平面物體：對聯(lián)、福字、年畫、賀卡、窗花、臉譜。

  • 代表顏色：紅色、金色。

  • 裝飾紋樣：傳統(tǒng)花紋、象征符號、祥云。

不同類別的關鍵元素之間還可以進行關聯(lián)組合，比如金色帶傳統(tǒng)花紋的元寶。


3. 明確執(zhí)行挑戰(zhàn)

進行了需求分析，和廣泛的創(chuàng)意發(fā)散后，接下來就是要梳理設計的限制與挑戰(zhàn)，從而對發(fā)散的創(chuàng)意元素進行聚合收斂。經過了多次地圖小車的換裝設計，設計團隊總結出了以下幾點設計挑戰(zhàn)：尺寸限制、視角限制、要求認知的普適性、要求可擴展性。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

表現面積小，小車圖標尺寸大約只有88*48 px

小車圖標設計最大的難點就是尺寸過小，通常常規(guī)功能性圖標的大小約為40*40 px，而滴滴小車則是要在大約兩個功能性圖標大小的面積里，畫出一個充滿細節(jié)的寫實 icon，要保證清晰地表達出小車的形象、光影以及配飾細節(jié)等內容。

例如繪制代駕 icon 中具有體積光感的眼睛細節(jié)，就要求僅使用4個像素表達出來，許多優(yōu)秀的創(chuàng)意靈感，可能都會因為面積過小的原因而被放棄。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

小車圖標需要俯視展示，并表明方向

因地圖為俯視視角，地圖上的小車也需要俯視展示。同時地圖上的小車要求保障用戶識別真實車輛的行進方向和實時狀態(tài)，所以圖標設計要能夠分清頭尾，以指明前進方向。

有時候 icon 俯視角度太難以表現其內容，我們也會嘗試做成正面平視角度，并將360度旋轉方向去掉，改為地圖上平移前進，但這樣對用戶的習慣認知有所影響，所以不到非必要條件不會采取這種方式。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

圖標的意象要符合認知

以此次春節(jié)小車變裝為例，小車形象要凸顯春節(jié)氣息，并表達準確、符合大眾認知，不會產生錯誤聯(lián)想或地區(qū)差異化矛盾。此外如果 icon 的意象本身和交通工具有所結合就更好了。

能夠支持六個業(yè)務線的差異化設計

滴滴出行是一個集合多業(yè)務形態(tài)的產品，比如注重效率的快車、出租車、小巴，注重服務和品質的專車、豪華車等。這些業(yè)務線的小車圖標在表現形式上是相近的，但傳達特性上又要傳達差異性。在做圖標換裝設計時，會先選擇一個業(yè)務線快車為基準，做出通用方案后再延展至所有業(yè)務線上，因此方案的可擴展性就成了挑戰(zhàn)之一。

明確了設計挑戰(zhàn)后，結合以上限制與挑戰(zhàn)，對上一步的廣泛創(chuàng)意方向進行篩選。此次春節(jié)小車的設計要大眾認同、直白明確顯而易見、可執(zhí)行可表現，最終選擇了傳統(tǒng)花紋噴漆、車頂張貼福字、春節(jié)舞獅舞龍這幾種初步創(chuàng)意方向。


4. 決策設計方向

明確了執(zhí)行條件，有了初步的創(chuàng)意，接下來就要快速出草圖、出方案，建立評價標準決策創(chuàng)意的可行性，篩選出最終的設計方向。

畫草圖的過程就是將信息化的創(chuàng)意轉化為圖示的視覺設計的過程，而草圖的潛力在于從紙面經過眼睛到大腦，然后返回紙面的信息循環(huán)之中。理論上信息通過循環(huán)的次數越多，變化的機遇也越多，隨機記錄、表達、討論設計構思意向的草圖，能夠最大限度地解除方案構思思維的表達束縛。經過草圖的嘗試后，進一步產出方案進行評估與快速測試。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

對方案的評估主要有3個維度：圖像清晰、表意直觀、氛圍營造。在團隊內部對待選方案從以上維度進行打分評估。其中花紋方案在尺寸中無法清楚看到車身上的細節(jié)；福字方案在氛圍營造上比較保守；舞龍方案因為和端午節(jié)龍舟感覺相似，不能明確節(jié)日氛圍；舞獅方案總體上更符合標準，且更具氛圍感與情感化。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

除了以上幾個維度的評估，針對幾個方案，還在公司展開小范圍調查，舞獅也是更多非設計同事更喜歡的一個方案。綜合專業(yè)性的評估和快速的用戶測試，最終春節(jié)小車的設計方向為舞獅主題。


5. 深化設計細節(jié)

通過上面幾步已經可以得到一個可靠的初步設計方案，現在就要從形態(tài)、光影、材質、顏色四個方向進行細化，完善其視覺表達。

形態(tài)

icon 形態(tài)上采用提取與重構的設計方法，提取具有代表性的物體特征，轉化為視覺元素，將其不斷組合改善，重新塑造為新的設計。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

此次視覺化的過程中，提取了舞獅頭部、舞獅步伐、面部表情、春節(jié)元素等，將元素不斷融合調整，要做到形態(tài)即整體協(xié)調又豐富生動。舞獅的腳雖然小到看不清，但仔細看仍是有著功夫步在里面的。另外舞獅的背上增加了春節(jié)祝福文字，使 icon 更具趣味性，并且無論舞獅以正反方向前進的時候 icon 中都有了能夠閱讀的視覺內容，這也是此次方案的一個亮點了。

因地圖上常會出現多輛小車相互疊壓的狀態(tài)，需要 icon 形態(tài)還是保持在一個塊狀的幾個形體中，即保持 icon 自身的整體性，也方便車輛之間進行區(qū)分，保障界面的舒適性。

地圖 icon 采用俯視角度最合理，但俯視視角下很多事物識別難度加大，所以此次舞獅 icon 將正視的獅頭與俯視的身體結合，既保障了認知度，還保持了俯視角度的功能性。這樣不同角度的形態(tài)組合，對不適合純俯視的元素非常適用。

光影

因 icon 是頂視圖且會360旋轉，所以光影表現以頂視光為主，這樣多輛車不同角度的出現在界面中時，光源仍是統(tǒng)一的。另外 icon 和地圖之間會有淡淡的一圈陰影，讓 icon 和地圖有所區(qū)分，但又和諧的停留在地圖上，這些陰影的深淺大小只能靠一遍遍嘗試才能找到最佳程度。

顏色

icon 本身尺寸較小，又有多個 icon 疊壓的情況，所以需盡量保障 icon 在一個顏色體系內，顏色統(tǒng)一可以直觀的保障 icon 的整體感。一個主色搭配輔助色表現活動氣氛，拿捏好顏色比例，做到整體不花哨即可。

材質

地圖小車一直采用立體寫實的手法來表現，通過玻璃反光，車頂高光，漸變肌理等帶給用戶真實感，從而對界面中的車輛信息感受到真實可信賴。頂視光源下要表現icon的立體感和材質感是考驗技法的，需要細致觀察和耐心打磨。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

完成這一步后，就得到了一個以快車為基礎的通用方案，其它業(yè)務線的方案基調也就奠定了。


6. 延展設計方案

經過與各業(yè)務線的協(xié)商溝通，此次確定六個業(yè)務線推出春節(jié)換裝設計，因業(yè)務線都集中于一個應用中，就要求地圖換裝 icon 既能夠保持整體風格統(tǒng)一，還能表達業(yè)務特性。

我們聯(lián)想到了08年奧運福娃的設計，兩者都是多個統(tǒng)一又獨立的形象延展，其主要是通過顏色來進行區(qū)分，輔助局部做差異化調整。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

根據這樣的思路，快車是滴滴用戶量最大的業(yè)務，使用了最具春節(jié)氣息的紅色，出租車延續(xù)使用了金黃色調，專車與豪華車注重乘車品質與服務，分別使用了藏青色以及黑色，凸顯其高端尊貴的氣質且保持與業(yè)務線品牌色系一致，同時將豪華車 icon 的眉毛進行夸張化，更突出其豪華尊貴的形象，小巴注重價格實惠延續(xù)了原有 icon 的色彩，用高級灰作為其主色調，而代駕也不能缺少春節(jié)的氣息，代駕師傅們就換上了紅色的春節(jié)唐裝。

首度揭秘！春節(jié)期間滴滴地圖小車圖標的換裝設計過程-藝源科技

另外每個舞獅的背上都增加了春節(jié)祝福文字，不同的文字既能夠讓舞獅代表不同的春節(jié)祝福，也代表了不同的業(yè)務線的氣質差異，使形象更具趣味性。


7. 推動方案落地

設計到了這個階段，就算是進入收尾環(huán)節(jié)了。接著將方案切圖輸出，并保障和已有的方向、尺寸一致，方便替換。設定好上線時間與上線城市，后臺配置完成后，春節(jié)的舞獅就按時活躍在每個滴滴出行用戶的界面里了。

上線后還要對方案進行跟蹤反饋，一般會從微博、脈脈等平臺中關注用戶輿情，把用戶評價按「不好，影響打車」、「一般，沒感覺」、「不錯，有意思」分類整理，由此評判此次方案是否展現了其價值。


小結

回顧整個設計路程，設計師通過發(fā)散—聚合—再發(fā)散的方法，快速理解需求找到爆發(fā)點，放開思路探索創(chuàng)意的可行性；接著提煉設計的挑戰(zhàn)與限制，并反向利用限制條件來推動思考，得到初步創(chuàng)意；再通過設計的快速嘗試與不斷試錯，完成方向的決策；細化打磨方案并挖掘方案的延展性；在最終設計落地發(fā)布后，保持持續(xù)的跟蹤與反饋。

從中我們所收獲的，不僅是完成一次次小車換裝設計任務，還為今后的創(chuàng)意類設計需求提煉了標準化的流程與方法，更好的保障設計效率與質量。

小程序開發(fā)
標簽： 交互設計 情感化設計 用戶體驗 經驗分享 節(jié)日主題設計 標準化流程
*版權申明:本站部分文章由藝源科技收集整理，不代表我們的觀點。如果這篇轉載侵犯您的版權，請及時聯(lián)系我們刪除！
為您推薦
最新文章
掃碼加他，免費獲取方案