<option id="uausy"></option>
  • <li id="uausy"></li>
  • 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) "定制開發-APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_keywords"] => string(75) "APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["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) "小程序開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(112) "專業微信小程序解決方案|各種場景核心功能,提前布局微信新生態,搶占第一波紅利"
          ["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) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發-藝源科技小程序開發"
            ["meta_keywords"] => string(103) "小程序開發,商城小程序開發,門店小程序開發,微圈小程序開發,餐飲小程序開發"
            ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發,專業團隊,一對一服務,助企業快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數據架構,系統穩定安全。"
            ["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開發"
          ["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開發_app定制開發_app制作開發公司【藝源科技】"
            ["meta_keywords"] => string(53) "app開發,app定制開發公司,app制作開發公司"
            ["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) "藝源智能云推廣系統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智能名片為企業提供名片小程序,智能名片,企業名片,小程序名片,電子名片,二維碼名片等相關的服務。"
            ["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) "「源知果」西安提供代理版權登記,代理商標注冊,代理專利申請,代理企業貫標,代理高新技術企業認定的服務;咨詢電話: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) "節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款|節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款"
          ["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) "「藝源科技」是西安一家專業的西安商城網站建設,政府網站建設,學校網站建設的網絡公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經驗,為您提供一條龍的互聯網應用解決方案。"
            ["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優化"
          ["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優化_西安網站優化_關鍵詞排名優化】-SEO優化公司藝源科技"
            ["meta_keywords"] => string(81) "西安SEO優化,西安SEO優化公司,西安網站優化,西安網站優化公司"
            ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業提供百度等搜索引擎整站SEO優化服務,針對不同行業、網站情況給出不同策略、報價和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
        }
      }
    }
    
    				
    當前位置: 首頁 > 售后 > 藝源智庫
    首度揭秘!春節期間滴滴地圖小車圖標的換裝設計過程
    時間:2019-09-16 15:24:51
    文章發布:李陽
    原創作者:未知
    來源:互聯網

    如何為創意插上理性的翅膀,滴滴設計師和你一起回顧春節地圖小車 icon 換裝的設計全過程。

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


    前言

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

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

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

    • 以春節小車設計為例,沉淀創意 icon 設計的標準化流程。


    地圖小車換裝回顧

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

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

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

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


    地圖小車換裝設計全流程

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

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

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

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

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

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

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

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


    1. 分析活動需求

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

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

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

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

    換裝需求分為4類,熱點類、天氣類、節日類、商業類。每一類對設計的要求也不太一樣。

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

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

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

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

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


    2. 尋找最佳創意

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

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

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

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

    • 平面物體:對聯、福字、年畫、賀卡、窗花、臉譜。

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

    • 裝飾紋樣:傳統花紋、象征符號、祥云。

    不同類別的關鍵元素之間還可以進行關聯組合,比如金色帶傳統花紋的元寶。


    3. 明確執行挑戰

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

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

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

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

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

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

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

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

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

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

    圖標的意象要符合認知

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

    能夠支持六個業務線的差異化設計

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

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


    4. 決策設計方向

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

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

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

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

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

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


    5. 深化設計細節

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

    形態

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

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

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

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

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

    光影

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

    顏色

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

    材質

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

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

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


    6. 延展設計方案

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

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

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

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

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

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


    7. 推動方案落地

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

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


    小結

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

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

    小程序開發
    標簽: 交互設計 情感化設計 用戶體驗 經驗分享 節日主題設計 標準化流程
    *版權申明:本站部分文章由藝源科技收集整理,不代表我們的觀點。如果這篇轉載侵犯您的版權,請及時聯系我們刪除!
    為您推薦
    最新文章
    掃碼加他,免費獲取方案
    久久青草费线频观看地址_少妇久久久久久久久久_亚洲欧洲自拍拍偷午夜色_国产sm重味一区二区三区
    <option id="uausy"></option>
  • <li id="uausy"></li>