前言概述

百度教育“好詩連連”是一款輕松有趣又別具中國古典美韻的學(xué)習(xí)平臺(tái)，在2022年先后榮獲設(shè)計(jì)界三項(xiàng)國際知名大獎(jiǎng)：德國紅點(diǎn)品牌與傳達(dá)設(shè)計(jì)獎(jiǎng)、美國Muse Creative Awards 金獎(jiǎng)、韓國K-design 設(shè)計(jì)獎(jiǎng)。本文分享設(shè)計(jì)團(tuán)隊(duì)是如何通過精湛的多維設(shè)計(jì)打造詩詞視聽盛宴，讓用戶感受到傳承千年的詩詞魅力，喚起用戶對(duì)古典文化的熱愛。

一、設(shè)計(jì)主旨：沉浸式國風(fēng)視聽盛宴，傳承詩詞文化之美一  唯美意境 詩詞悟得到 · 打造沉浸式國風(fēng)視聽盛宴

王勃《滕王閣序》中千古名句 “落霞與孤鶩齊飛，秋水共長(zhǎng)天一色” ，勾勒出一幅寧靜致遠(yuǎn)的畫面讓人動(dòng)容，中華古詩詞之美，含蓄而生動(dòng)。我們?cè)谠O(shè)計(jì)上營造唯美意境，體現(xiàn)詩詞的韻味之美。通過提取中國傳統(tǒng)文化中的古典色彩及傳統(tǒng)紋樣、琵琶與古箏的音韻，將傳統(tǒng)元素與現(xiàn)代審美融合，重組詩詞新國風(fēng)設(shè)計(jì)語言，還原詩詞意境，構(gòu)建全新【寓教于樂】的游戲化學(xué)習(xí)體驗(yàn)，賦予詩詞新的文化魅力。

1.視覺語言體系

1.1 從東方古典色中提煉色板

我們從壁畫丹青、紫禁紅墻中汲取色彩靈感，采用低飽和度、柔和而優(yōu)雅的配色，使東方色彩美學(xué)的悠然、自然與詩意自洽融合；同時(shí)還采用山水碧綠中的翠濤、醽醁，紅墻中的海天霞、十樣錦，壁畫中的青鸞、檀唇，構(gòu)成整個(gè)畫面中的古典色彩秩序。

1.2  提煉中國風(fēng)視覺語言符號(hào)，形意結(jié)合，傳情達(dá)意

通過借形法、取意法、形意結(jié)合法提煉國風(fēng)元素與圖騰、傳統(tǒng)文化中寓意吉祥的紋樣，傳達(dá)美好寓意；東方古老的鳳凰展翅高飛，指代源遠(yuǎn)流長(zhǎng)的中華文化；烏紗帽與宮殿寓意學(xué)業(yè)精進(jìn)、金榜題名；寄情山水與出淤泥而不染的荷花，更為文人雅士所鐘愛。

1.3  確立繪畫手法

運(yùn)用類工筆的繪畫手法，白描勾線，結(jié)合筆墨丹青的暈染，來營造詩詞如畫卷般的唯美意境。

2. 聽覺語言

古代詩歌最早是用來吟唱，它注重聲律、音韻、平仄、對(duì)仗，講究韻律和諧、抑揚(yáng)頓挫；白居易《琵琶行》中描寫 “轉(zhuǎn)軸撥弦三兩聲，未成曲調(diào)先有情”，沈約《詠箏》“秦箏吐絕調(diào)，玉柱揚(yáng)清曲” 中描寫箏曲抑揚(yáng)自如，清妙悠揚(yáng)；在音效的選擇上，采用古箏、琵琶的音色來營造古風(fēng)意境，音符配合點(diǎn)擊、滑動(dòng)、任務(wù)完成等反饋，讓人沉浸于詩詞的氛圍中。

二  趣味學(xué)習(xí) 詩詞背得快 · 搭建趣味玩法及激勵(lì)機(jī)制

趣味化游戲機(jī)制，基于心流理論設(shè)計(jì)，解決了詩詞學(xué)習(xí)體驗(yàn)中用戶常見的枯燥、挫敗的負(fù)面體驗(yàn)，構(gòu)成了詩詞知識(shí)獲取、學(xué)習(xí)和背誦的完整學(xué)習(xí)機(jī)制。設(shè)計(jì)了詩詞連線、詩詞對(duì)戰(zhàn)、成語填空三種多元游戲模式，加強(qiáng)詩詞背誦和相關(guān)知識(shí)的扎實(shí)記憶，讓學(xué)習(xí)更快更有趣。

傳承古典詩詞文化之美

通過百度教育好詩連連，我們讓沉睡在紙質(zhì)典籍中，以詩詞為代表的文化遺產(chǎn)煥發(fā)時(shí)代光彩與蓬勃生機(jī)，鼓勵(lì)用戶學(xué)習(xí)和感受傳承千年的詩詞魅力，重新喚起當(dāng)代年輕用戶對(duì)傳統(tǒng)詩詞文化的熱愛和理解，也使便捷輕松地獲得詩詞知識(shí)樂趣成為可能。

作者：文教互娛用戶體驗(yàn)

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》打造詩詞視聽盛宴，傳承古典文化之美 | 百度教育

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

用戶體驗(yàn)設(shè)計(jì)首先字面意思是用戶+體驗(yàn)。

01 座艙內(nèi)的用戶除了駕駛員還要考慮非駕駛員， 非駕駛員也有多種角色：老人/兒童/青年。

02 體驗(yàn)：用戶發(fā)生使用操作的感受。

但實(shí)際用戶體驗(yàn)一定是脫離不了場(chǎng)景的，場(chǎng)景是用戶發(fā)生行為的一個(gè)大環(huán)境。

03 考慮場(chǎng)景的時(shí)候除了考慮的當(dāng)下現(xiàn)實(shí)場(chǎng)景還有未來場(chǎng)景。

場(chǎng)景案例：充電全屏展示充電信息

場(chǎng)景案例：導(dǎo)航交互體驗(yàn)，先展開詳細(xì)信息，然后再收起信息

場(chǎng)景案例：蔚來的360泊車系統(tǒng)開啟時(shí)不能喚醒nomi

而且產(chǎn)品的研發(fā)和功能創(chuàng)新，用戶的體驗(yàn)都是依據(jù)場(chǎng)景體系建立的。所以HMI設(shè)計(jì)過程當(dāng)中，場(chǎng)景體系化的建立尤為重要。

二、智能座艙的場(chǎng)景體系化搭建

1、搭建流程

01 場(chǎng)景發(fā)掘：競(jìng)品分析、用戶畫像定位、產(chǎn)品定位、用戶旅程圖

場(chǎng)景發(fā)掘首先要把場(chǎng)景和使用的用戶做定位，結(jié)合實(shí)際項(xiàng)目進(jìn)行用戶畫像定位，確定場(chǎng)景主題，尋找到目標(biāo)用戶進(jìn)行實(shí)車訪談和拍攝。

02 場(chǎng)景數(shù)據(jù)細(xì)化：網(wǎng)絡(luò)數(shù)據(jù)、用戶訪談、實(shí)車測(cè)評(píng)數(shù)據(jù)、常見高頻數(shù)據(jù)

這一步主要是把用戶訪談收集上來的數(shù)據(jù)，進(jìn)行拆分和細(xì)化，然后篩選出有價(jià)值的數(shù)據(jù)進(jìn)行錄入。

用戶訪談數(shù)據(jù)錄入到數(shù)據(jù)庫里，產(chǎn)品經(jīng)理和設(shè)計(jì)師會(huì)針對(duì)收集上來的用戶反饋，進(jìn)行痛點(diǎn)/和爽點(diǎn)的挖掘。提出需求解決方案。

03 場(chǎng)景應(yīng)用設(shè)計(jì)：原型設(shè)計(jì)、界面設(shè)計(jì)

基于場(chǎng)景的應(yīng)用設(shè)計(jì)會(huì)分為兩個(gè)步驟、一個(gè)是原型設(shè)計(jì)、一個(gè)界面設(shè)計(jì)、原型設(shè)計(jì)時(shí)我們更多是組內(nèi)評(píng)估、找專家來提供指導(dǎo)性意見，到了界面設(shè)計(jì)時(shí)候除了專家評(píng)審、可以做出demo給用戶進(jìn)行測(cè)試來獲得反饋。

04 場(chǎng)景走查：還原場(chǎng)景

在設(shè)計(jì)方案產(chǎn)出完成之后，給用戶還原到我們發(fā)掘的場(chǎng)景去進(jìn)行走查，根據(jù)用戶旅程圖查看有沒有遺漏的用戶場(chǎng)景和不同的用戶反饋。

2、搭建工具

整個(gè)智能座艙的場(chǎng)景體系化搭建需要幾個(gè)工具，競(jìng)品分析、用戶畫像定位、產(chǎn)品定位、用戶旅程圖。

用戶調(diào)研方法有很多，我們需要掌握（調(diào)查問卷、用戶畫像、用戶體驗(yàn)地圖、用戶訪談、焦點(diǎn)小組、）

今天核心介紹使用頻率最高的三種用研方法。

2.1 用戶旅程圖

關(guān)注用戶在駕駛階段的行為、方式、心情、痛點(diǎn)、期待。

關(guān)鍵步驟：

① 設(shè)定場(chǎng)景、目標(biāo)、期望（用戶畫像）

② 確定行為路徑

③ 建立核心地圖

④ 包裝地圖

⑤ 繪制故事板

2.2 可用性測(cè)試

可用性測(cè)試已經(jīng)成為獲得用戶反饋的流行手段，主要因?yàn)樗麄兩鲜挚?，能快速反?yīng)出問題。

關(guān)鍵步驟：

① 明確測(cè)試目的

② 問卷框架的設(shè)計(jì)

③ 投放調(diào)研問卷

④ 組織測(cè)試

⑤ 整理輸出結(jié)論

2.3 5W+1H法則

5W+1H 是選定的項(xiàng)目、工序或操作，可以從原因(Why)、對(duì)象(What)、地點(diǎn)(Where)、人員(Who）、時(shí)間（When）、方法(How)等六個(gè)面進(jìn)行思考。

① 原因—立項(xiàng)背景？

② 對(duì)象—什么功能？

③ 地點(diǎn)— 什么場(chǎng)景下？

④ 人員–駕駛員？/非駕駛員？

⑤ 時(shí)間–什么時(shí)機(jī)？哪個(gè)流程之后？

⑥ 如何–什么方式操作？

三、細(xì)化座艙用戶體驗(yàn)的三階段

1、用戶體驗(yàn)的三階段

體驗(yàn)的時(shí)間性有三個(gè)主要組成成分，及熟悉程度、功能依賴和情感依賴。

1.1 初識(shí)體驗(yàn)：

我們?cè)诋a(chǎn)品使用初期的階段，都會(huì)對(duì)產(chǎn)品有個(gè)使用預(yù)期。例如期望產(chǎn)品能提供一個(gè)好的體驗(yàn)，或者怕產(chǎn)生不好的體驗(yàn)。

1.2 使用體驗(yàn)：

使用體驗(yàn)分為兩個(gè)階段：使用產(chǎn)品初期和使用產(chǎn)品深度期

進(jìn)入到車內(nèi)試駕或者試乘，試駕員和銷售除了會(huì)讓用戶體驗(yàn)車機(jī)的基礎(chǔ)功能外，主要介紹的就是和競(jìng)品車型的競(jìng)爭(zhēng)功能。

產(chǎn)品深度體驗(yàn)期的時(shí)候，長(zhǎng)期的可用性變得更加重要，而不是最初的易學(xué)性。從而產(chǎn)品的實(shí)用性成為影響我們整體評(píng)估判斷的主要因素。

1.3 獲得體驗(yàn)：

最后，當(dāng)我們接受了產(chǎn)品，在我們的日程生活中它參與了我們的社交活動(dòng)。成為了生活當(dāng)中的固定解決問題的工具，這個(gè)階段產(chǎn)品體驗(yàn)就具有可識(shí)別性了。

2、體驗(yàn)的三條路線

2.1 體驗(yàn)線路是感官線

我們現(xiàn)在座艙內(nèi)的交互感官有、觸感、聽感、視覺、嗅覺、語音。用戶在人機(jī)交互的時(shí)候第一時(shí)間獲得直觀感受。

2.2 體驗(yàn)線路是情感線

情感線是諾曼強(qiáng)調(diào)感情在塑造體驗(yàn)中的重要性。比如燈光秀、寵物模式、和擬人化的汽車助手。帶給用戶都是情感上的滿足。這些情感構(gòu)成了與汽車的首次互動(dòng)體驗(yàn)。

2.3 體驗(yàn)線路的流暢

就像C端和B端一樣，我們交互體驗(yàn)的線路效率和流暢程度，能給用戶增強(qiáng)駕駛樂趣?；蛘咦畲笙薅葴p少信息元素的干擾，讓駕駛員沉浸在當(dāng)下。

3、把握用戶體驗(yàn)的多樣性

3.1 個(gè)人價(jià)值觀的差異

首先個(gè)人的因素，因?yàn)槲覀兂砷L(zhǎng)的環(huán)境不同，造成了對(duì)價(jià)值觀的差異，有的人喜歡刺激新穎的產(chǎn)品，有的人喜歡乏善可陳的產(chǎn)品。

3.2 產(chǎn)品屬性問題

第二可能是產(chǎn)品屬性的問題，游戲產(chǎn)品帶給用戶就是不斷的快感刺激，工具類型的產(chǎn)品用戶使用流程流暢會(huì)更好。

3.3 跟隨時(shí)間線的體重心變化

用戶的使用體驗(yàn)對(duì)于時(shí)間的變化，通過用戶旅程圖，他們對(duì)產(chǎn)品的關(guān)注點(diǎn)會(huì)產(chǎn)生變化，例如用戶剛開始對(duì)產(chǎn)品互動(dòng)中更關(guān)注新的功能和刺激的體驗(yàn)。但在使用過一段時(shí)間后他們可能不會(huì)再關(guān)注他的新穎程度，更關(guān)注產(chǎn)品的實(shí)用性和效率。所以需要我們?cè)诓煌氖褂秒A段重新幫助用戶提升體驗(yàn)。

原文地址：七醬設(shè)計(jì)筆記

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》基于智能座艙場(chǎng)景的用戶體驗(yàn)設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

一、什么是“有駕在現(xiàn)場(chǎng)”

有駕是百度旗下汽車信息與服務(wù)平臺(tái)，累計(jì)用戶超5.3億，致力于為用戶提供真實(shí)、可靠的看選買車服務(wù)，以及為車企和經(jīng)銷商提供從品牌到效果的一站式互聯(lián)網(wǎng)營銷解決方案。

車展對(duì)有駕來說是一個(gè)流量爆發(fā)的大事件，2021年廣州車展期間有駕品牌全網(wǎng)曝光累計(jì)6.3億次，創(chuàng)歷史新高。而【有駕在現(xiàn)場(chǎng)】是百度有駕歷年車展系列活動(dòng)沉淀下來的品牌IP，已經(jīng)成為活動(dòng)固定的品牌標(biāo)識(shí)。

二、借勢(shì)大事件，打造車展品牌全案

借勢(shì)車展的關(guān)注度與影響力，我們想要通過分析調(diào)研總結(jié)，對(duì)本次車展進(jìn)行視覺定調(diào)，建立品牌識(shí)別體系，沉淀專屬有駕車展活動(dòng)的品牌符號(hào)和印記；進(jìn)行線上線下聯(lián)合推廣來打造有駕車展品牌全案，提升有駕的品牌影響力；優(yōu)化活動(dòng)體驗(yàn)來為平臺(tái)進(jìn)行引流，讓用戶對(duì)有駕產(chǎn)品有更明確的認(rèn)知。

同時(shí)由于車展項(xiàng)目涉及跨部門合作，我們希望可以通過車展品牌全案，統(tǒng)一不同分工輸出的設(shè)計(jì)物料視覺一致性，以達(dá)到提質(zhì)增效的目的。

以打造品牌全案為出發(fā)點(diǎn)，我們梳理了以下項(xiàng)目計(jì)劃。

同時(shí)，通過有駕用戶畫像分析，建立用戶標(biāo)簽，分析用戶屬性及偏好，以更好的觸達(dá)用戶。數(shù)據(jù)顯示有駕APP大部分用戶為常駐中高線城市的年輕男性，經(jīng)歷著數(shù)字化信息時(shí)代的便利，同時(shí)也受到更好的教育和各界多元的文化影響，更大膽更容易被新的東西所吸引。

三、分析項(xiàng)目現(xiàn)狀總結(jié)優(yōu)化點(diǎn)

根據(jù)過往車展項(xiàng)目分析，總結(jié)發(fā)現(xiàn)存在品牌識(shí)別度較弱且沒有統(tǒng)一規(guī)范、品牌統(tǒng)一性較弱導(dǎo)致用戶認(rèn)知成本較高等問題。

四、提煉品牌關(guān)鍵詞

根據(jù)用戶畫像及現(xiàn)狀分析，明確業(yè)務(wù)需求，通過腦暴的形式羅列品牌關(guān)鍵詞，基于品牌DNA對(duì)有駕車展進(jìn)行視覺升級(jí)需挖掘符合核心用戶的語境語言和視覺偏好，提煉出品牌關(guān)鍵詞，根據(jù)關(guān)鍵詞規(guī)范可延續(xù)的品牌元素，打造清晰的品牌全案以更清晰的指導(dǎo)后續(xù)視覺設(shè)計(jì)工作。

五、視覺定調(diào)

根據(jù)關(guān)鍵詞確定了以賽博朋克風(fēng)格為視覺基調(diào)，通過三維建模搭建北京地標(biāo)建筑場(chǎng)景，搭配大膽的配色和新穎的元素樣式打造潮流個(gè)性且具有未來感的視覺畫面，匹配車展品牌的創(chuàng)新理念。

同時(shí)，在活動(dòng)玩法方面，通過優(yōu)化活動(dòng)玩法，多條件激勵(lì)用戶給予用戶沉浸式的體驗(yàn)。

六、建立品牌體系

確定基礎(chǔ)視覺調(diào)性后，我們通過形色質(zhì)構(gòu)來規(guī)范和輸出有駕車展品牌vi規(guī)范，建立有駕車展品牌體系，以提升視覺的產(chǎn)出效率，確保線上線下視覺輸出的一致性。

七、品牌LOGO

【有駕在現(xiàn)場(chǎng)】是有駕多年延續(xù)下來的品牌基因，本次車展也將繼續(xù)夯實(shí)品牌資產(chǎn)，進(jìn)行優(yōu)化升級(jí)傳遞品牌調(diào)性。

由于舊版的字體圓角等設(shè)計(jì)樣式相對(duì)柔和，不能準(zhǔn)確表現(xiàn)本次車展視覺調(diào)性。為了傳遞有駕車展的潮酷、未來感，設(shè)計(jì)上將舊版文字加粗，圓角調(diào)整為直角，并進(jìn)行一定的傾斜處理，使字體展現(xiàn)更加果斷硬朗；同時(shí)，我們將部分筆畫進(jìn)行連接，讓字體充滿動(dòng)感或速度感；最終的字型效果運(yùn)用有駕品牌藍(lán)綠色光效以更好的與畫面結(jié)合。

八、色彩嘗試

由于整體風(fēng)格參考賽博朋克，配色方面基于有駕品牌色進(jìn)行延展，輔助色起到平衡主色的沖擊效果、活躍視覺，釋放潮流激情，突出重點(diǎn)模塊；元素上嘗試漸變色豐富元素樣式。

九、組件化通用元素

通過組件化通用元素，不同物料可以快速復(fù)用，節(jié)約設(shè)計(jì)成本，解決整個(gè)活動(dòng)的視覺一致性，同時(shí)可以沉淀設(shè)計(jì)資產(chǎn)。

十、車展主KV

根據(jù)關(guān)鍵詞【未來感】【年輕化】分析適合有駕的設(shè)計(jì)風(fēng)格和調(diào)性，通過三維建模的畫面表現(xiàn)形式，構(gòu)建充滿科技感的賽博朋克畫面，打造潮流科技的有駕車展基礎(chǔ)場(chǎng)景。

主視覺場(chǎng)景設(shè)定為高樓聳立的公路上，有駕跑車向“有駕在現(xiàn)場(chǎng)”北京車展活動(dòng)現(xiàn)場(chǎng)飛馳。充滿速度感的跑車、霓虹燈牌、高樓大廈色調(diào)和質(zhì)感的碰撞，傳遞出一種直觀的科技感，引領(lǐng)新時(shí)代年輕用戶和有駕一起駛向未來。

根據(jù)上述的內(nèi)容進(jìn)行車展主kv的場(chǎng)景設(shè)定，輸出了草圖方案。

整個(gè)場(chǎng)景圍繞“有駕在現(xiàn)場(chǎng)”進(jìn)行設(shè)計(jì)，融合車展相關(guān)元素，滲透品牌標(biāo)識(shí)。

采用3D和2D相結(jié)合的形式，用C4D進(jìn)行場(chǎng)景搭建，OC渲染器進(jìn)行燈光材質(zhì)的渲染，反復(fù)修改調(diào)整場(chǎng)景布局、元素等，最終輸出三維設(shè)計(jì)圖后進(jìn)行PS后期，輸出最終的主視覺。

根據(jù)以上內(nèi)容，輸出了對(duì)應(yīng)的車展VI規(guī)范。

十一、車展專題頁

根據(jù)主KV及VI規(guī)范進(jìn)行專題頁的延展，部分內(nèi)容復(fù)用過往車展框架模塊。

新增了導(dǎo)航欄設(shè)計(jì)，便于用戶快速跳轉(zhuǎn)到感興趣的內(nèi)容模塊，導(dǎo)航圖標(biāo)大膽創(chuàng)新嘗試漸變色融合的配色形式，讓扁平的圖標(biāo)有更加豐富的呈現(xiàn)。在保證閱讀效果的前提下，標(biāo)題樣式、頁面元素及配色上更加潮酷。

十二、集卡分百萬 引流活動(dòng)

過往集卡活動(dòng)不僅與產(chǎn)品、車展契合度高，并且收益明顯，因此本次北京車展活動(dòng)將復(fù)用、優(yōu)化集卡類活動(dòng)，讓用戶沉浸式集卡，從而提升用戶活躍及量級(jí)。

在玩法方面，本次集卡活動(dòng)延續(xù)過往活動(dòng)做任務(wù)得車卡的主玩法，優(yōu)化活動(dòng)體驗(yàn)，新增了合成稀有卡可參與大轉(zhuǎn)盤抽獎(jiǎng)的玩法以激勵(lì)用戶集卡，同時(shí)設(shè)立了車展大眾日，在當(dāng)天進(jìn)入活動(dòng)的用戶可以獲得現(xiàn)金紅包，以此來激勵(lì)用戶回流，豐富活動(dòng)玩法。

集車卡活動(dòng)的主視覺元素及配色是依據(jù)vi規(guī)范，保證整體品牌調(diào)性的統(tǒng)一；普通靚車卡背景延續(xù)主視覺背景，稀有卡嘗試不同配色和場(chǎng)景凸顯其特殊性。

除了專題頁和集卡活動(dòng)，線上還包括端內(nèi)社區(qū)活動(dòng)設(shè)計(jì)，整體視覺調(diào)性都與我們輸出的車展品牌vi保持統(tǒng)一。

十三、倒計(jì)時(shí)海報(bào)

為了給車展開幕造勢(shì)，我們嘗試復(fù)用主KV的三維建筑模型，將倒計(jì)時(shí)1、2、3與不同視角、不同配色的場(chǎng)景相結(jié)合，整體風(fēng)格和車展主視覺保持一致，輸出了三張倒計(jì)時(shí)海報(bào)，豐富了整個(gè)項(xiàng)目的宣傳內(nèi)容。

整個(gè)車展項(xiàng)目除了線上運(yùn)營活動(dòng)、造勢(shì)海報(bào)，還有線下展會(huì)宣傳物料及其他第三方輸出的設(shè)計(jì)物料，整體視覺調(diào)性都是基于我們輸出的車展品牌VI進(jìn)行視覺延展，保持統(tǒng)一性的同時(shí)，又各自有不同的視覺傳播效果。

十四、總結(jié)

【有駕在現(xiàn)場(chǎng)】作為百度有駕車展品牌活動(dòng)，我們通過未來感、年輕化、體驗(yàn)感三個(gè)維度來塑造有駕車展系列活動(dòng)的品牌調(diào)性，搭建了基礎(chǔ)風(fēng)格，建設(shè)三維賽博朋克高品質(zhì)主視覺，視覺元素細(xì)節(jié)驚喜感打磨，通過優(yōu)化活動(dòng)玩法進(jìn)行引流，沉淀出新的大事件視覺設(shè)計(jì)思路，打造了有駕車展品牌設(shè)計(jì)全案。

未來我們的思考不僅僅只局限在視覺的表現(xiàn)上，還要繼續(xù)挖掘品牌系列化活動(dòng)的延續(xù)性與獨(dú)特性，同時(shí)更要通過合理的情感互動(dòng)建立和用戶的鏈接，為品牌長(zhǎng)線發(fā)展提供更多價(jià)值。

作者：設(shè)計(jì)中臺(tái)

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》有駕在現(xiàn)場(chǎng) 車展品牌全案設(shè)計(jì)【百度】

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

臨摹是新手學(xué)習(xí)任何技能都需要經(jīng)歷的階段，學(xué)字體設(shè)計(jì)自然也不例外。即你要去收集一些優(yōu)秀的字體設(shè)計(jì)作品，然后照著它們來臨摹。

很多人會(huì)瞧不上臨摹，認(rèn)為照著參考一模一樣做誰都會(huì)，事實(shí)上真要做起來，很多人都臨摹不好，而且臨摹的方法也不對(duì)。那么，如何正確地臨摹呢？

1、不要像摳圖一樣，用鋼筆工具直接沿著參考的外輪廓描摹。

而是要照著參考畫出文字中的主要筆畫，諸如：橫、豎、撇、捺、點(diǎn)、提、勾等，然后，用這些筆畫照著參考的樣子一筆一筆把文字搭建出來。

2、如果遇到相同的筆劃，不要重新畫。

而應(yīng)該把已有的筆畫直接復(fù)制過去，有時(shí)可能需要做一點(diǎn)簡(jiǎn)單的變化，這么做可以最大程度上保證筆畫的統(tǒng)一性。

3、剛開始可以直接在參考的基礎(chǔ)上用筆畫來搭建文字。

就好似描摹一樣，與參考一一對(duì)應(yīng)，等熟練之后可以自行繪制筆畫，通過視覺來確定筆畫的粗細(xì)、長(zhǎng)短、結(jié)構(gòu)、擺放的位置等等。

舉個(gè)例子，如果要臨摹下圖的字體設(shè)計(jì)，我們可以先把它的筆劃畫出來，如果抓不住筆劃的特點(diǎn)，或者線條畫不流暢，可以在原參考上把筆劃描摹出來。

然后，照著參考在字框里用筆畫把文字組合出來。

最后，再仔細(xì)觀察文字筆劃的尺寸和位置是否正確，盡量做到與參考一模一樣。

經(jīng)過一段時(shí)間的臨摹練習(xí)，你不僅可以更熟練地使用鋼筆工具，同時(shí)也能掌握一些字體設(shè)計(jì)的風(fēng)格、筆畫特征、字體設(shè)計(jì)的流程等等。

二、通過參考，舉一反三

當(dāng)臨摹做得已經(jīng)很熟練以后，就可以開始第二步的練習(xí)了，即遵照參考中字體設(shè)計(jì)的風(fēng)格、特點(diǎn)，設(shè)計(jì)自己想要的其他文字。其實(shí)在實(shí)際工作中、很多設(shè)計(jì)師也會(huì)用這種方式來設(shè)計(jì)字體。想要做好這項(xiàng)練習(xí)，首先你要做的是對(duì)參考作品進(jìn)行深度的分析。

諸如對(duì)字體類型、字形、字體風(fēng)格、重心位置、中宮松緊、筆畫粗細(xì)、筆畫結(jié)構(gòu)、筆畫的對(duì)齊關(guān)系、有哪些特殊的處理技巧等特點(diǎn)進(jìn)行分析。

比如我想根據(jù)下圖的字體來設(shè)計(jì)文字：起來嗨。那么我就先要對(duì)參考中的字體設(shè)計(jì)進(jìn)行分析：

該字體為無襯線體，風(fēng)格簡(jiǎn)約而現(xiàn)代，筆劃并沒有講究嚴(yán)格的對(duì)齊，甚至刻意做了錯(cuò)位處理，各文字的字面大小也不統(tǒng)一，呈現(xiàn)出靈活多變的感覺、筆劃較粗，橫豎筆劃的粗細(xì)一樣、橫筆劃右端有類似直角三角形的襯線、部分筆劃交匯處會(huì)把橫筆劃做斷開處理、點(diǎn)筆劃和個(gè)別捺筆劃被設(shè)計(jì)成圓點(diǎn)、口部首被設(shè)計(jì)成圓圈等等。

把參考的設(shè)計(jì)特點(diǎn)分析出來以后，緊接著需要把我們想設(shè)計(jì)的文字，用一個(gè)常規(guī)的字體呈現(xiàn)出來，由于參考中的字體設(shè)計(jì)是無襯線體，所以我們可以選擇黑體作為字體設(shè)計(jì)的觀察對(duì)象，看看該文字中有哪些筆劃可以直接挪用參考中的，有哪些則需要自己來設(shè)計(jì)。

接下來就要著手畫草圖了，需要注意的是，參考中的文字做了整體垂直向上傾斜，在設(shè)計(jì)字體的時(shí)候如果直接設(shè)計(jì)成傾斜狀態(tài)，那么很多筆劃處理起來會(huì)不方便，所以最好先設(shè)計(jì)成水平狀態(tài)的，等確認(rèn)無誤后再做傾斜扭曲。

另外，在畫草圖的時(shí)候要多做嘗試，對(duì)于原參考中沒有的筆畫，我們要從現(xiàn)有的筆畫中找到規(guī)律，這些部分的設(shè)計(jì)沒有絕對(duì)的標(biāo)準(zhǔn)，關(guān)鍵是要好看、要協(xié)調(diào)、要與整體的風(fēng)格相符。比如“起”字下邊的“人”筆劃，可以借鑒參考中“辶”的處理方式。

草圖畫好后就可以去電腦上做最后的執(zhí)行了，在執(zhí)行的過程中需要注意以下幾點(diǎn)：

1、草圖不是標(biāo)準(zhǔn)，只是執(zhí)行的思路。

所以在執(zhí)行的過程中仍可以進(jìn)行調(diào)整、修改。

2、一邊設(shè)計(jì)一邊規(guī)范。

如果你不是在專業(yè)的創(chuàng)作本上繪制的草圖，那么你的草圖通常是很不嚴(yán)謹(jǐn)?shù)模敲丛陔娔X上操作的時(shí)候就要邊設(shè)計(jì)邊規(guī)范，比如統(tǒng)一筆劃的粗細(xì)和結(jié)構(gòu)、統(tǒng)一筆劃斷開部分的間距、注意某些筆劃之間的對(duì)齊關(guān)系等等。

3、與參考對(duì)比。

字體初步設(shè)計(jì)完以后，要把其與參考放在一起進(jìn)行比較，看看還有沒有處理不到位、看起來不夠舒服的地方，水平狀態(tài)調(diào)整完以后，再把文字按照參考的樣子往右上方做傾斜處理，然后繼續(xù)觀察以及做最后的完善。

三、原創(chuàng)字體設(shè)計(jì)

如果你能熟練地做到通過參考舉一反三，那么你的字體設(shè)計(jì)能力已經(jīng)初步形成，接下來就可以做原創(chuàng)了。做原創(chuàng)字體設(shè)計(jì)時(shí)我們要注意以下幾點(diǎn)：

1、做原創(chuàng)也可以找參考。

只不過不要完全按著一個(gè)參考來做，我們可以結(jié)合好幾個(gè)參考，也可以在參考的基礎(chǔ)上加入自己的想法、做出一些改變等等。

2、設(shè)計(jì)的流程

A.根據(jù)要設(shè)計(jì)的文字、找到符合設(shè)計(jì)需求的參考。比如我需要設(shè)計(jì)的文字是：奇遇驚喜，并想設(shè)計(jì)成有種浪漫、古風(fēng)的感覺。所以我找了下圖的字體來做參考(造字工房逸鋒體)，該字體字形修長(zhǎng)、結(jié)合了宋體和黑體的特性，筆劃橫細(xì)數(shù)粗但沒有襯線，現(xiàn)代而優(yōu)雅。

B.加入自己的想法。用常規(guī)的的字庫字體把要設(shè)計(jì)的文字呈現(xiàn)出來，與參考放在一起進(jìn)行構(gòu)思。參考中的字體雖然現(xiàn)代而優(yōu)雅、但是作為字庫字體，獨(dú)特性自然會(huì)有所欠缺，另外筆畫還是略過復(fù)雜，沒有古風(fēng)和浪漫的感覺，所以我想把筆畫繼續(xù)做一些簡(jiǎn)化，并加入祥云圖形。

C.畫草圖。

可以先畫文字的骨骼部分，以確定文字的基本架構(gòu)，文字的骨骼決定了文字的基本氣質(zhì)，比如高矮胖瘦、中宮松緊、重心高低、筆畫走勢(shì)等等，這也是設(shè)計(jì)師可以大做文章的地方，很多優(yōu)秀的字體，在骨骼上就與普通字體有著很大的差異。這里我把文字的骨架設(shè)計(jì)得比參考更為修長(zhǎng)。

骨骼畫好以后，再添加字體的肉身，即筆形，筆形決定了筆劃的粗細(xì)、端點(diǎn)、襯線、筆劃交匯處的處理等細(xì)節(jié)效果，這些部分的變化也非常多，設(shè)計(jì)師可以根據(jù)文字本身的特點(diǎn)和參考進(jìn)行多種嘗試。

作為字體設(shè)計(jì)師，了解一些不同筆形的處理技法也很有必要。

▲ 部分橫筆畫的筆形表現(xiàn)。

D.把草圖導(dǎo)入到設(shè)計(jì)軟件中執(zhí)行。草圖畫好以后就可以去電腦上執(zhí)行了，執(zhí)行的步驟和注意事項(xiàng)與“舉一反三”里提到的差不多。

3、注意文字的統(tǒng)一性。

在設(shè)計(jì)字體時(shí)，要注意整體的統(tǒng)一性，要讓人感覺到這是一套字體，所以原則上來說，每個(gè)字的字面大小、重心位置、中宮、相同的筆畫等等，都要統(tǒng)一起來，當(dāng)然，不包括某些為了效果靈活而刻意作出的一些特殊處理。

臨摹、舉一反三、原創(chuàng)，簡(jiǎn)單的三步就能幫你從一個(gè)新手變成一個(gè)熟手，其實(shí)除了字體設(shè)計(jì)，很多其他類型的設(shè)計(jì)同樣是這個(gè)道理。當(dāng)然，最重要的是你要能走出第一步，先做起來，然后要堅(jiān)持下去。

作者：蔥爺

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》新手學(xué)習(xí)字體設(shè)計(jì)的高效三步法

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

可以看出來第一版和最終版的效果對(duì)比是非常大的，第一版給人感覺如同一個(gè)半成品，場(chǎng)景輕飄飄的，顏色上幾乎沒有什么明暗對(duì)比，太過統(tǒng)一沒有分清處層次，而且細(xì)節(jié)不夠豐富。

通過第一版我們可以看出可以通過一下幾個(gè)方面去做層次方面的優(yōu)化：

一、增加主體細(xì)節(jié)

1.刻畫熊熊主體

2.優(yōu)化鴨子的造型

二、加強(qiáng)明暗對(duì)比

1.加強(qiáng)主體和椅子的明暗對(duì)比

2.加強(qiáng)背景和前景的明暗對(duì)比

一.增加主體細(xì)節(jié)

1、刻畫熊熊主體

之前的熊熊作為主體本身刻畫的細(xì)節(jié)層次和背景的刻畫程度近似，我們要把主體變得有看點(diǎn)才能分清前后的關(guān)系，可以在熊的五官和服裝上進(jìn)一步添加一些細(xì)節(jié)。

例如給熊的五官添加表情，把墨鏡添加一些裝飾元素，讓視覺可以集中在熊的五官上。

同樣我們還可以在服裝上添加一些花紋的裝飾讓整個(gè)熊熊的主體看起來更加細(xì)致。

同時(shí)要注意熊的姿勢(shì)是頭部在前，胳膊在后，可以在刻畫的時(shí)候加入一些投影，加深胳膊的暗部，區(qū)分一下頭部和胳膊的層級(jí)關(guān)系。

2、優(yōu)化鴨子的造型

鴨子的造型我們把游泳圈直接改成了小黃鴨漂浮物，游泳圈中間的鏤空讓視覺看起來不夠緊湊，同時(shí)我們也優(yōu)化了鴨子的眼睛和嘴巴，讓鴨子看起來更精致一些。

然后去加強(qiáng)頭部和鴨子身體的前后區(qū)分，加入投影，讓它更加立體。

二.加強(qiáng)明暗對(duì)比

我們可以把整個(gè)小場(chǎng)景的明暗做一個(gè)區(qū)分，最亮的是熊，然后是鴨子，然后是地毯，最后是椅子，椅子作為地毯和熊之間的一個(gè)暗部，可以讓畫面有一個(gè)明暗的節(jié)奏，同時(shí)和熊的主體形成對(duì)比。

接下來要做的就是加強(qiáng)暗部和亮部之間的一個(gè)對(duì)比，體現(xiàn)整個(gè)空間的前后關(guān)系。

1、加強(qiáng)主體和椅子的明暗對(duì)比

我們把熊和椅子的明暗區(qū)分的更加明確一些，把椅子的飽和度和色相進(jìn)行紫色調(diào)和低飽和度的一個(gè)調(diào)整，用對(duì)比色來拉開兩個(gè)物體的區(qū)別，加深熊的整個(gè)暗部，交代熊在床上清晰的投影。

2.加強(qiáng)背景和前景的明暗對(duì)比

優(yōu)化以后發(fā)現(xiàn)背景的植物和星星比較跳 我們?nèi)ミM(jìn)一步加深背景讓背景往后退，同時(shí)把地毯的顏色提亮一些讓整個(gè)后景有一個(gè)區(qū)分。

然后我們?nèi)ノ⒄{(diào)一下椅子的顏色讓椅子的顏色不要那么臟，把地毯顏色也調(diào)的明亮一些，形成對(duì)比，就到了咱們的第二版畫面：

第二版畫面再往后優(yōu)化就是細(xì)節(jié)的調(diào)整和進(jìn)一步加強(qiáng)明暗的區(qū)分。

我們從以下幾個(gè)方面再去進(jìn)一步區(qū)分畫面：

一、明暗的進(jìn)一步區(qū)分

1.背景區(qū)分

2.椅子自身的明暗區(qū)分

3.椅子和地毯的區(qū)分

二、添加正確的投影

三、添加環(huán)境光

一．明暗的進(jìn)一步區(qū)分

1、背景區(qū)分

背景明暗的區(qū)分需要把植物部分去壓暗，同時(shí)把比較跳的星星稍微壓下去一些，做一個(gè)顏色上的過渡，加地毯的反光，讓星星的顏色退到后面去，然后給植物加上床的部分投影，空間關(guān)系更加明確一些。

2、椅子自身的明暗區(qū)分

下一步我們要對(duì)椅子進(jìn)行優(yōu)化，目前的椅子沒有區(qū)分開明暗面，反而暗部的反光太強(qiáng)，亮部的顏色飽和度又很低，導(dǎo)致立體度出現(xiàn)了反向效果。

我們要做的是把椅子面向光的面亮起來，背陰面暗下去，而不是亮部暗，暗部亮。

然后我們又發(fā)現(xiàn)，現(xiàn)在椅子的顏色對(duì)比度不夠，并且椅子腿上透視有一些問題。

我們繼續(xù)去把椅子的顏色調(diào)暗，同時(shí)要在亮部去加入椅子受光的顏色變化，我們可以加入一些偏亮的純色，暗部做一些小的反光的變化，讓椅子更加有光澤度。

注意這里椅子腿也是有前后關(guān)系所以靠后的椅子腿要更加的暗一些，受光也少一些，同時(shí)給椅子腿上加入床的一個(gè)陰影。

但這還不夠我們要進(jìn)一步去加強(qiáng)整個(gè)畫面的對(duì)比。

3、椅子和地毯的區(qū)分

我們接著去把地毯的顏色提亮，同時(shí)把亮部光照的地方做一個(gè)暖色光照的處理，加深床的投影把投影交代的更加清晰一些，讓有顏色對(duì)比的同時(shí)也要有上下關(guān)系的對(duì)比。

二、添加明確的投影

在整個(gè)過程中投影的進(jìn)一步明確是增強(qiáng)一個(gè)立體和層級(jí)關(guān)系的關(guān)鍵，我們以鴨子、床、以及熊在床上的投影做一個(gè)前后的對(duì)比。我們要注意的有三點(diǎn)：

1、統(tǒng)一投影的方向

每個(gè)物體上都要有明暗的一個(gè)對(duì)比，如鴨子之前幾乎看不到暗面和投影，我們要去分析事物和鴨子的一個(gè)前后關(guān)系，再去添加植物后面的投影，讓鴨子看起來更加立體。

2、投影落地的形態(tài)

注意落地點(diǎn)，不要讓影子浮在半空中，就像之前床的影子和星星的影子過于飄，整個(gè)物體看起來都沒有落地。

三、添加環(huán)境光

1、減掉整體的內(nèi)發(fā)光

雖然在這種輕擬物畫風(fēng)上有很多的物體有一些輪廓光和反光，但并不是統(tǒng)一直接去加一個(gè)內(nèi)發(fā)光，我們要重點(diǎn)做的是通過環(huán)境光來加強(qiáng)對(duì)比，整個(gè)的內(nèi)發(fā)光會(huì)讓物體失去明暗。

拿鴨子舉例子，過強(qiáng)的光源會(huì)讓鴨子顯得很平。

我們可以加強(qiáng)暗部，在暗部做一些微弱的反光，在亮部加入一點(diǎn)輪廓光。讓整體更加的飽滿立體。

2、根據(jù)不同的物體添加環(huán)境光

熊熊主要的環(huán)境光是床的紫色反光，我們?cè)谔砑拥臅r(shí)候注意不要把床反光的顏色過于后厚重或者沒有顏色傾向。

調(diào)整好一個(gè)環(huán)境光后我們?cè)偃フ麄€(gè)添加熊環(huán)境光。這樣整個(gè)畫面的優(yōu)化就完成了。

我們來最后看一下第二版和第三版的對(duì)比效果

整個(gè)畫面明暗對(duì)比更強(qiáng)，而且顏色上更加通透，光影和諧統(tǒng)一，也具有更好的完整度。

本次文章可以吸收的知識(shí)點(diǎn)有很多，希望大家可以和我一起在總結(jié)中收獲知識(shí)，取得進(jìn)步，一個(gè)小場(chǎng)景塑造的立體有層次涉及到的點(diǎn)方方面面都會(huì)有，我們要注意繪制時(shí)多去做比較，同時(shí)保證整體明暗的對(duì)比效果和細(xì)節(jié)的刻畫調(diào)整。

希望大家以后在繪制輕擬物場(chǎng)景插畫上道路不迷茫，一起去打造令人眼前一亮的畫面吧！

作者：牙牙

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》好難啊，一遇到場(chǎng)景插畫，我就廢了！

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

作者：程鑫

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》中后臺(tái)產(chǎn)品的產(chǎn)研協(xié)同提效調(diào)研

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

這個(gè)叫做太陽花的logo，一經(jīng)面世就引起了社會(huì)強(qiáng)烈關(guān)注，除了傳說中的設(shè)計(jì)費(fèi)用打破歷史紀(jì)錄以外，該設(shè)計(jì)方案也確實(shí)讓人眼前一亮，完全顛覆了英國石油以往的logo。

該花朵采用對(duì)稱構(gòu)圖，從里到外一共分三層，顏色從白色到黃色再到綠色，呈現(xiàn)出綻放的姿態(tài)，寓意生機(jī)勃勃，永不凋落。這個(gè)誕生于2000年的logo，至今看來依然時(shí)尚、美麗。

二、索愛logo

2001年索尼與愛立信聯(lián)姻，于是誕生了索尼愛立信這個(gè)品牌，新的logo也在這個(gè)時(shí)候應(yīng)運(yùn)而生，該logo一反主流的扁平風(fēng)，采用了立體的漸變風(fēng)，在當(dāng)時(shí)可謂是獨(dú)樹一幟，十分驚艷，從logo上我們就能感受到強(qiáng)烈的動(dòng)感和科技感。當(dāng)時(shí)的設(shè)計(jì)需求中有兩個(gè)兩個(gè)關(guān)鍵點(diǎn)：“流動(dòng)的形象”和“另一個(gè)自我”，流動(dòng)的形象是指logo本身要具有強(qiáng)烈的動(dòng)感，讓人感覺它是活的；另一個(gè)自我指的是要有個(gè)性，這兩點(diǎn)都在這個(gè)logo上得到了體現(xiàn)。

三、墨爾本城市會(huì)徽

墨爾本是澳大利亞的第二大城市，該logo以墨爾本的英文Melbourne的首字母“M”為原型，圖形內(nèi)眾多幾何色塊相比穿插，配合從藍(lán)色到綠色的漸變色，展現(xiàn)了該城市活力、新潮、多元、現(xiàn)代化、重視生態(tài)的城市形象。

該logo的延展圖形也很驚艷，展現(xiàn)了該logo極高的延展性。

四、美國航空logo

該logo更新于2013年，在過往形象的基礎(chǔ)上做了重大突破，圖形由老鷹、品牌首字母A、飛機(jī)尾翼，以及星星組成，顏色來源美國國旗中的紅、白、藍(lán)，傾斜的尾翼圖形極具動(dòng)感和速度感，簡(jiǎn)單而明了，又沒有盲目跟風(fēng)扁平化，漸變以及立體效果并沒有讓該logo顯得老氣，反而增添了一份品質(zhì)感。

▲ 美國航空過往logo形象

五、beats耳機(jī)logo

該品牌以售賣耳機(jī)為主，所以在logo設(shè)計(jì)上，設(shè)計(jì)師采用品牌首字母“b”與紅色圓形結(jié)合，得到一個(gè)類似人在戴著耳機(jī)聽音樂的圖形，簡(jiǎn)單而直接，讓人一看就懂且印象深刻，其中字母b的下半部分被抽象地處理成一個(gè)正圓，與外面的大圓形成同心圓關(guān)系，所以在視覺上非常和諧、美觀。

六、北京申奧標(biāo)志

該個(gè)logo由知名設(shè)計(jì)師陳紹華設(shè)計(jì)，圖形為采用具有中國特色的書法筆刷組合成打太極的人形，而且筆刷剛好為五筆，分別使用奧運(yùn)五環(huán)的顏色，代表奧運(yùn)，該logo把動(dòng)感和中國文化展現(xiàn)得淋漓盡致，且簡(jiǎn)單、獨(dú)特，一經(jīng)面世，好評(píng)如潮，最終也為北京成功申奧貢獻(xiàn)了一份力量。

七、廣州亞運(yùn)會(huì)標(biāo)志

該logo由設(shè)計(jì)師張強(qiáng)設(shè)計(jì)，圖形由廣州極具代表性的建筑：五羊雕像與火炬結(jié)合而成，五羊雕像的靈感則來源于古老的五羊傳說，象征著豐收、福瑞，以及廣州人民知恩圖報(bào)、勤儉樸實(shí)的品質(zhì)，火炬象征著奧運(yùn)以及熱情，最下邊的四個(gè)色塊形似跑道，象征著運(yùn)動(dòng)和競(jìng)技 。

八、杭州G20峰會(huì)logo

該logo的圖形部分為一座拱橋與水中倒影組合在一起的形態(tài)，橋是杭州很有代表性的元素，同時(shí)也象征了開放、包容、溝通和連接。橋的圖形是由20根同等粗細(xì)的線條組成，體現(xiàn)了參會(huì)的20個(gè)國家地位平等。另外，該logo在形式和排版上也是個(gè)性鮮明，logo的輪廓比較狹長(zhǎng)，文字疊加在圖形上，使其融為一體，而不是像大多數(shù)logo那樣把文字與圖形完全區(qū)分開。整個(gè)logo從形式到配色都給人一種典雅、現(xiàn)代的感覺，廣受大家的喜愛。

九、蔚來汽車logo

蔚來是一家智能電動(dòng)車企業(yè)，該logo的設(shè)計(jì)理念為：blue  sky coming，圖形設(shè)計(jì)上主要呈現(xiàn)了三個(gè)元素：上面的弧形代表天空，象征著未來、開放與目標(biāo)；下面的箭頭圖形代表路面，象征著前進(jìn)與行動(dòng)，地面與天空的交界處是地平線，象征著無盡的遠(yuǎn)方。整個(gè)logo圖形在一個(gè)正圓的基礎(chǔ)上設(shè)計(jì)，簡(jiǎn)單而美觀，細(xì)節(jié)的雕琢也十分到位，個(gè)人覺得是國產(chǎn)汽車品牌logo設(shè)計(jì)中少有的亮眼之作。

十、廣州城市會(huì)徽

該logo由曹雪設(shè)計(jì)，logo的外形為廣州新時(shí)代的標(biāo)志建筑：廣州塔。該圖形由左邊的弧形色塊和右邊的弧形線條疊加組合而成，二者剛好又是廣州二字，同時(shí)我們?cè)谠搇ogo中還能看到帆船和飛鳥的影子，寓意廣州海納百川、生機(jī)勃勃，整個(gè)logo的形態(tài)給人一種現(xiàn)代、時(shí)尚、優(yōu)雅的感覺，該logo一經(jīng)公布，引起了廣泛關(guān)注，也收獲了眾多好

評(píng)。

當(dāng)然，21世紀(jì)優(yōu)秀的logo還有非常多，但要說比較知名且好評(píng)較多的，我對(duì)這10個(gè)logo的印象比較深，縱觀這些logo設(shè)計(jì)，我們不難發(fā)現(xiàn)，他們幾乎都具備這么幾個(gè)特點(diǎn)：簡(jiǎn)單、獨(dú)特、調(diào)性與品牌和行業(yè)吻合、符合時(shí)代審美等。知名品牌的logo設(shè)計(jì)具有非常的框架，設(shè)計(jì)師所面臨的壓力也是巨大的，能夠有如此出品和口碑屬實(shí)不易。

作者：黑馬青年

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》2022 UI 設(shè)計(jì)作品集

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

像情竇初開的你。

漸變的粉色是成長(zhǎng)的開始，

折痕的肌理是愛情到來時(shí)內(nèi)心的波瀾。

愛心做出半透明的玻璃模糊質(zhì)感，

塵封已久的內(nèi)心已怦然心動(dòng)。

紫色是浪漫，

像奔赴熱戀的你。

當(dāng)我們一起仰望星空，

不小心碰到你的手時(shí)，我感受到你的心跳。

當(dāng)我們一起仰望星空，這一次我想走進(jìn)的你的心扉，

建立屬于我們的橋梁，在你內(nèi)心的最深處直到永遠(yuǎn)。

紅色是摯愛，

像真誠而付出的你。

醒目的紅色真誠而又直接，

我們的心也將靠的更近。

模糊的愛心肌理是

我們?cè)囂奖舜司嚯x的那點(diǎn)小心機(jī)。

看似朦朧實(shí)則清晰的情感在這一刻印記在我們心中。

藍(lán)色是冷靜，

像理想到現(xiàn)實(shí)的你

紅色的愛心旋渦久久不能離去，陷入的太深，

無法自拔，找不到自己的方向。

直到看清現(xiàn)實(shí)的你，慢慢的像沙漏一樣，

選擇和自己過去的他和解。

當(dāng)這些色彩融合在一起時(shí)，就出現(xiàn)了愛情最真實(shí)的滋味，

朦朧又夢(mèng)幻，真實(shí)而脆弱。

只有理解色彩給予的感受，

朦朧又夢(mèng)幻，真實(shí)而脆弱。

做出來的設(shè)計(jì)就才會(huì)有真實(shí)的情感體會(huì)。

作者：修先森

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》色彩的感知

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

1、CTA按鈕

號(hào)召性按鈕(CTA)是界面中的交互元素，用來執(zhí)行特定的操作，例如聯(lián)系我們、訂閱信息、購買產(chǎn)品或加入購物車等。

CTA按鈕作為執(zhí)行重要操作的按鈕，在設(shè)計(jì)上應(yīng)該更醒目，能讓用戶快速分辨出來。

2、文字按鈕

文字按鈕是以可點(diǎn)擊的文字作為按鈕，文字底部沒有圖形背景。文字按鈕的操作面積小，突出程度低，多用于不太重要的操作。

3、下拉按鈕

在有的網(wǎng)站導(dǎo)航欄中，單擊選項(xiàng)會(huì)出現(xiàn)下拉列表，展示更多二級(jí)選項(xiàng)，方便用戶可以查看并選擇更多的操作。

4、描邊按鈕

描邊按鈕是背景透明效果的按鈕，用于輔助操作。當(dāng)界面中有多個(gè)按鈕時(shí)，使用描邊按鈕有助于劃分視覺層次結(jié)構(gòu)，高優(yōu)先級(jí)的按鈕使用填充效果，輔助按鈕使用描邊按鈕。

5\漢堡按鈕

漢堡按鈕隱藏在菜單欄中，當(dāng)我們點(diǎn)擊時(shí)，菜單將展開并顯示所有的選項(xiàng)。漢堡按鈕廣泛應(yīng)用于web和移動(dòng)應(yīng)用中。

6、懸浮按鈕

懸浮按鈕(FAB)位于界面的最高層級(jí)，優(yōu)先級(jí)高，通常為圓形，在界面中執(zhí)行最常見的操作。

FAB按鈕常用于創(chuàng)建新項(xiàng)目或者發(fā)表內(nèi)容等操作，F(xiàn)AB的位置應(yīng)確保按鈕具有較高的可訪問性和可視性。在有的產(chǎn)品中，點(diǎn)擊FAB會(huì)出現(xiàn)更多的操作，將常用的操作聚集到一個(gè)按鈕中。

二、有效的按鈕設(shè)計(jì)實(shí)踐

1、讓按鈕看起來可點(diǎn)擊

當(dāng)用戶與界面交互時(shí)，他們應(yīng)該快速明白什么是可點(diǎn)擊，什么是不可點(diǎn)擊的。作為設(shè)計(jì)師，我們不會(huì)希望用戶花很長(zhǎng)的時(shí)間來理解他們看到的元素，因?yàn)?/span>用戶花的時(shí)間越長(zhǎng)，產(chǎn)品的可用性就越差。

為了確保用戶能夠明確知道按鈕是否可點(diǎn)擊，我們可以使用用戶熟悉的按鈕樣式，例如方形邊框的填充按鈕、圓角填充按鈕、帶有陰影的填充按鈕、描邊按鈕等。

其中最為常見和熟悉的設(shè)計(jì)是帶陰影的彩色填充按鈕，當(dāng)用戶看到這樣的按鈕時(shí)，他們會(huì)立刻明白這是一個(gè)可點(diǎn)擊的按鈕。

2、考慮按鈕在界面中的位置

按鈕的位置很重要。作為設(shè)計(jì)師，我們不希望用戶花時(shí)間尋找按鈕，而是應(yīng)該將按鈕放在用戶期望的位置上，方便用戶去操作。

對(duì)于按鈕在界面中的位置，首先要了解F型和Z型的瀏覽模式。

F型瀏覽模式

在F型模式中，用戶通過水平移動(dòng)的方式讀取界面上方的內(nèi)容，構(gòu)成F的頂部欄。然后用戶向下移動(dòng)頁面，再次水平移動(dòng)，再以垂直移動(dòng)的方式瀏覽左側(cè)的內(nèi)容，形成F型的主干。當(dāng)界面中有大量數(shù)據(jù)時(shí)，通常會(huì)遵循這樣的瀏覽模式。

Z型瀏覽模式

Z型瀏覽模式模仿了人眼閱讀的路徑——從左到右，從上到下。

用戶首先從左上角到右上角掃描，形成Z的頂部條。然后向左下角掃描，最后再向右看，形成Z型的瀏覽動(dòng)線。

3、標(biāo)注按鈕的作用

按鈕應(yīng)該始終有清晰的注釋，展示點(diǎn)擊時(shí)將執(zhí)行的操作。過于通用或者模糊的注釋可能會(huì)讓用戶感到困惑。

4、正確調(diào)整按鈕大小

按鈕的大小代表了元素優(yōu)先級(jí)的高級(jí)。尺寸較大的按鈕表示更重要的操作。

當(dāng)在一個(gè)界面中存在多個(gè)操作按鈕時(shí)，為了讓最重要的按鈕看起來更突出，可以考慮讓這個(gè)按鈕比其他按鈕的尺寸更大，并且利用顏色和對(duì)比，讓這個(gè)最重要的按鈕更吸引視線。

5、始終提供反饋

每當(dāng)用戶點(diǎn)擊按鈕時(shí)，他們期望界面能有提示或者反饋。在激活按鈕時(shí)，按鈕應(yīng)該改變狀態(tài)，給用戶一個(gè)反饋，便于用戶知道點(diǎn)擊按鈕發(fā)生了什么。

最后

以上總結(jié)了設(shè)計(jì)中按鈕的6種類型以及5種改進(jìn)按鈕設(shè)計(jì)的方法，希望通過這些內(nèi)容能讓大家對(duì)按鈕設(shè)計(jì)更重視，對(duì)已了解的按鈕設(shè)計(jì)知識(shí)查缺補(bǔ)漏！

慢慢來比較快，如覺得有幫助，

作者： Clippp

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》如何改進(jìn)UI中的按鈕設(shè)計(jì)，試試這5個(gè)方法！

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司