<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 首頁

          做設(shè)計(jì)這么久,還是這個(gè)技巧實(shí)用

          杰睿

          重復(fù)原則是經(jīng)常提到的一個(gè)概念,在設(shè)計(jì)中用到的也是非常廣泛

          設(shè)計(jì)中無論是版式還是字體等設(shè)計(jì)中,重復(fù)原則基本上用到的是最多的,這得益于重復(fù)本身的屬性,會使元素具備統(tǒng)一性,這樣視覺會更有節(jié)奏感,不至于整個(gè)畫面不融合,其中利用圓方三角或圖形做設(shè)計(jì)實(shí)最普遍的,相信大家都見過。

           

          開篇前言

          希望大家在牛年里都能實(shí)現(xiàn)自己的小目標(biāo)

          取得想要的成績,牛氣沖天

           

          先簡單看看重復(fù)圖形在海報(bào)中的應(yīng)用

          這幅Nike的海報(bào)是將文字作為圖形進(jìn)行設(shè)計(jì)

          置入到幾何形中,形成統(tǒng)一,細(xì)節(jié)上進(jìn)行特異性來表現(xiàn)

           

          這幅海報(bào)更多的是不規(guī)則的幾何形進(jìn)行組合,主要信息用白色矩形承載

          形成特異性,能明確表達(dá)傳達(dá)的信息

           

          這里則是用簡單的橫線重復(fù)形成圖形作為主視覺

          還有很多主視覺都是用單元形拼湊成的,多學(xué)學(xué)Ai技巧用到設(shè)計(jì)中很重要

           

          而字體設(shè)計(jì)中我們是不是見過這種

          用幾何形來進(jìn)行設(shè)計(jì)

          這些都是重復(fù)圖形在設(shè)計(jì)中的應(yīng)用

          這種方法能夠幫我們發(fā)散思維

          更好的掌握構(gòu)成知識

           

          Round 1

          ↓↓↓

           

          下面我們用幾何形設(shè)計(jì)一幅海報(bào)

          主題為重陽節(jié)

          字體先用三角形和矩形進(jìn)行設(shè)計(jì)

           

          首先將筆畫用圖形代替

          接下來填充漸變色,使文字更有層次感

           

          確定好主視覺位置,對畫面進(jìn)行空間劃分

          這些空間用什么填充呢,是不是就可以繼續(xù)考慮用幾何形

          那么接著用幾何圖形將空間填補(bǔ)

          這里只是一種組合方式,別的方式期待大家解鎖

          要注意元素之間的節(jié)奏性

          接著我們對信息進(jìn)行處理,做好信息之間的對比

           

          然后將一部分幾何形去除

          把我們需要的信息放到相應(yīng)的位置即可

          加上噪點(diǎn)效果增加質(zhì)感

           

          最后我們加一個(gè)帶場景的樣機(jī)效果 

           

          Round 2

          ↓↓↓

           

          如果用到商業(yè)海報(bào)中能不能用這個(gè)思路呢

          我們一起來看看

          嚯哈~

           

          我們先看看文案信息,簡單將文字劃個(gè)層級

           

           

          顯然是個(gè)家裝的海報(bào),全屋定制

          盡量要高級一點(diǎn)

           

          再來看看客戶提供的圖片

           

           

           

          三張圖片,說多不多,說少不少

          我們就分成多個(gè)矩形塊來嵌入圖片

           

          上面主要是圖片,下面是信息

           

           

          接著我們對信息進(jìn)行處理

          文字選用宋體,凸顯品質(zhì)感

           

          信息之間都做個(gè)小對比

           

           

          中文配英文,標(biāo)題配符號,這個(gè)是要點(diǎn),記住了啊

           

           

          接著我們將主標(biāo)題和主圖放到相應(yīng)的位置

          接著將剩余信息放進(jìn)相應(yīng)的空間

          由于整體色調(diào)偏低飽和度,這里背景我們選用藍(lán)灰色

           

           

          最后看這個(gè)畫面,是不是左下角還有點(diǎn)空

          而且氛圍感不夠

          這時(shí)候我們加上一些裝飾

          再安排一個(gè)小沙發(fā),畫面就完成了

           

           

           

          今天的分享就到這里了,希望對小伙伴有一點(diǎn)點(diǎn)幫助

          新的一年,立個(gè)小目標(biāo)

          爭取把學(xué)到的東西轉(zhuǎn)化成自己的,才是真正的進(jìn)步



          作者:趣設(shè)記
          鏈接:https://www.zcool.com.cn/article/ZMTIyNDMwMA==.html
          來源:站酷
          著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

          蘭亭妙微(m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

          平面設(shè)計(jì):創(chuàng)意與視覺的交響

          藍(lán)藍(lán)設(shè)計(jì)的小編

          一、平面設(shè)計(jì)的定義與意義 平面設(shè)計(jì),簡而言之,是通過文字、圖形、色彩等視覺元素,在二維空間內(nèi)進(jìn)行創(chuàng)意性的組合與排列,旨在達(dá)到特定的信息傳遞和審美目的。它超越了簡單的排版和美化,是一種藝術(shù)創(chuàng)造,體現(xiàn)了設(shè)計(jì)師對世界的獨(dú)特理解和表達(dá)。 二、創(chuàng)意:平面設(shè)計(jì)的靈魂 在平面設(shè)計(jì)中,創(chuàng)意是不可或缺的靈魂。一個(gè)好的設(shè)計(jì)作品往往憑借其獨(dú)特的創(chuàng)意,讓人眼前一亮,留下深刻印象。設(shè)...

          設(shè)計(jì)優(yōu)化實(shí)例:如何讓畫面飽滿?

          濤濤

          大家有沒有在排版的時(shí)候,明明畫面排的很滿,可是看起來畫面還是不夠飽滿。

          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?

          鶴鶴

          導(dǎo)讀
          : 歐洲杯余溫尚在,巴黎奧運(yùn)會開幕在即,體育賽事總是跨越著時(shí)間與地域,將觀眾們的情緒緊緊相連。
          除了精彩紛呈的競賽本身,各大體育賽事的視覺表達(dá)也總能引起熱議。徽標(biāo)設(shè)計(jì)、賽場新貌、信息文字……它們不僅沉淀著歷史基因,還傳達(dá)著關(guān)乎當(dāng)下的特色表達(dá),而其中字體的選擇也是關(guān)鍵要素。
          本文聚焦 8 項(xiàng)全球頂尖體育賽事的徽標(biāo)及官網(wǎng)設(shè)計(jì),感受字體如何在其中構(gòu)建起富有表現(xiàn)力的場域。
           
          1|奧林匹克運(yùn)動會
          奧運(yùn)會的徽標(biāo)設(shè)計(jì)總是引人注目,往往融合了前瞻的設(shè)計(jì)理念及豐富的地域特色,其中圖形設(shè)計(jì)與文字信息的和諧搭配亦至關(guān)重要。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          即將到來的 2024 巴黎奧運(yùn)會會徽融合了金牌、奧運(yùn)圣火與象征國家的瑪麗安娜元素,以此致敬女性運(yùn)動員。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          而下方文字則是設(shè)計(jì)團(tuán)隊(duì)特別定制的 Paris2024 Font 可變字體,風(fēng)格簡約,線條動感,蘊(yùn)含裝飾藝術(shù)風(fēng)格。這款字體不僅運(yùn)用到了印刷物料中,也在巴黎奧運(yùn)會官網(wǎng)中用以呈現(xiàn)信息。
          歷屆奧運(yùn)會徽標(biāo)設(shè)計(jì)常常采用手寫字體或是定制字體以更好地匹配概念核心,但也有不少徽標(biāo)采用了現(xiàn)成的字庫字體。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
           
          例如 2004 雅典奧運(yùn)會徽標(biāo)采用了 Gill Sans,組委會表示這款字體的字母形狀與大量的希臘古代石刻銘文有異曲同工之妙。2020 東京奧運(yùn)會使用了 DIN,其嚴(yán)謹(jǐn)細(xì)致的字體基因與祖市松紋圖案搭配和諧。
           
          2|澳大利亞網(wǎng)球公開賽
          Font:Sharp Sans
          網(wǎng)球四大滿貫賽事之一的澳大利亞網(wǎng)球公開賽(簡稱澳網(wǎng)),創(chuàng)辦至今已有 100 多年的歷史,是每年四大滿貫中最先舉行的一個(gè)賽事,亦是最年輕的大滿貫。
          左:舊徽標(biāo)         右:新徽標(biāo)
          左:舊徽標(biāo) 右:新徽標(biāo)
           
          澳網(wǎng)于 2016 年推出了新徽標(biāo),使用了 Sharp Type 字體公司旗下的 Sharp Sans(現(xiàn)已加入蒙納家族)。相比于舊徽標(biāo),這款幾何風(fēng)格無襯線體為徽標(biāo)增添了更多時(shí)尚簡約的現(xiàn)代氣息。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          澳網(wǎng)官網(wǎng)也使用了 Sharp Sans,既保證了視覺風(fēng)格的統(tǒng)一,也通過這款適應(yīng)度極高的字體實(shí)現(xiàn)了良好的信息傳達(dá)。
           
          3|溫布爾登網(wǎng)球錦標(biāo)賽
          Font:Gotham
          同為網(wǎng)球四大滿貫賽事之一的溫布爾登網(wǎng)球錦標(biāo)賽(簡稱溫網(wǎng)),創(chuàng)辦于 1877 年,歷史悠久、聲望豐厚。獨(dú)特的草地場地也是溫網(wǎng)的特色之一,為比賽增添了獨(dú)特的觀賞性和挑戰(zhàn)性。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          目前的溫網(wǎng)徽標(biāo)自 2011 年起啟用,代表草地顏色的綠色部分有兩個(gè)交叉的球拍和一個(gè)網(wǎng)球,外側(cè)紫色環(huán)形部分則用 Gotham 字體標(biāo)注了溫網(wǎng)名稱。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          這款經(jīng)典的美系無襯線體也應(yīng)用到了溫網(wǎng)的數(shù)字呈現(xiàn)中,既權(quán)威直率,又蘊(yùn)含輕盈優(yōu)雅。
           
          4|NBA 美國職業(yè)籃球聯(lián)賽
          Font:Knockout
          左:舊徽標(biāo)         右:新徽標(biāo)
          左:舊徽標(biāo) 右:新徽標(biāo)
           
          NBA 的徽標(biāo)也經(jīng)歷了多重的煥新,2017 年,維持了長達(dá) 48 年的徽標(biāo)有了小幅度更新,核心部分維持不變,色彩略微調(diào)深,字母變得更窄,強(qiáng)化徽標(biāo)在品牌數(shù)字資產(chǎn)中的醒目度。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          NBA 官網(wǎng)則是選擇了 Hoefler & Co. 旗下的 Knockout 字體。這款字體是對與 19 世紀(jì)末美國活版印刷商各種無襯線字體的一種總結(jié)詮釋,打破了現(xiàn)代主義的傳統(tǒng),傳遞出更為經(jīng)典的美式風(fēng)格基因,與網(wǎng)站整體視覺風(fēng)格相得益彰。
           
          5|英格蘭足球超級聯(lián)賽
          Font:蒙納定制字體 Premier Sans
          作為歐洲足球五大聯(lián)賽之一,也因節(jié)奏快、競爭激烈、強(qiáng)隊(duì)眾多而商業(yè)表現(xiàn)極為突出的足球聯(lián)賽,英超聯(lián)賽在 2016 年啟動了品牌升級,適配更多元化的媒介。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
           
          左:舊徽標(biāo)         右:新徽標(biāo)
          左:舊徽標(biāo) 右:新徽標(biāo)
           
           
          蒙納應(yīng) DesignStudio 委托,為英超聯(lián)賽定制了品牌字體 Premier Sans。品牌升級前,英超聯(lián)賽一直使用一款全大寫的字體;時(shí)過境遷,英超需要一款更清新、親切的字體,適配各種媒介。此外,歐洲職業(yè)足球聯(lián)賽的品牌營銷競爭激烈,字體也需要在營銷上發(fā)揮作用。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          最終,Premier Sans 這款字體不僅在大字號下確保了良好的展示,還適應(yīng)表格這樣布局密集的版面,并配備了窄體來顯示較長的球員名字,從而適用于多種媒介,從屏幕、球衣號碼、再到電視節(jié)目、排名表等等。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          6|世界摩托車大獎(jiǎng)賽
          Font:蒙納定制字體 MotoGP Font
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          國際摩聯(lián)(FIM)公路賽車的各項(xiàng)賽事中,世界摩托車大獎(jiǎng)賽(MotoGP)最受關(guān)注。MotoGP 始創(chuàng)于 1949 年,是歷史最久的摩托車大獎(jiǎng)賽,每個(gè)賽季覆蓋四大洲的 16 個(gè)國家。
          作為頂級的摩托車賽事,MotoGP 集結(jié)了全世界最優(yōu)秀的車手與最先進(jìn)的摩托車型。2020 年,MotoGP 商業(yè)權(quán)利持有方 Dorna Sports 決定與 Fontsmith(現(xiàn)已歸入蒙納)合作,設(shè)計(jì)一款活力、高端、迷人的品牌字體。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          該款字體不僅框架清晰,并且融入了賽事元素,如開放的車道形狀,因而兼?zhèn)淠ν熊嚬I(yè)感的曲線和優(yōu)美的視覺意味,個(gè)性鮮明且富有動感,從而使 MotoGP 的品牌形象和力度都得到提升。
           
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          目前,這款字體不僅應(yīng)用于 MotoGP 的各類實(shí)體物料,也呈現(xiàn)在各類數(shù)字媒介和轉(zhuǎn)播畫面中,鮮明一致地傳達(dá)出賽事風(fēng)格。
           
          7|倫敦馬拉松
          Font:ITC Avant Garde Gothic + Proxima Nova
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          倫敦馬拉松誕生于 1981 年,于每年 4 月下旬舉辦。倫馬也是世界六大馬拉松賽事之一,但不同于其他賽事,倫敦馬拉松是一個(gè)慈善馬拉松,大約三分之二的跑者都是通過慈善捐款的方式獲得參賽資格。
          倫馬的徽標(biāo)左側(cè)字體頗具優(yōu)雅的曲線感,而右側(cè)則使用了一款現(xiàn)成的字體:ITC Avant Garde Gothic。
          這款字體以 Avant Garde 雜志的 logo 字體為基礎(chǔ)而設(shè)計(jì),并逐漸由設(shè)計(jì)師團(tuán)隊(duì)經(jīng)手優(yōu)化為完整的字體家族;具有強(qiáng)大而現(xiàn)代的外觀,是平面設(shè)計(jì)師用于標(biāo)題及短文本的理想選擇。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          倫馬的官網(wǎng)標(biāo)題字體也沿用了 ITC Avant Garde Gothic,正文則選擇了易讀性更強(qiáng)的的 Proxima Nova,兼具力量感與現(xiàn)代性。
           
          8|全英羽毛球公開賽
          Font:Neue Haas Grotesk Display + DIN
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          全英羽毛球公開錦標(biāo)賽是世界上歷史最悠久、最負(fù)盛名的羽毛球錦標(biāo)賽,由 1898 年在英國吉爾福德成功舉辦的世界上第一場羽毛球公開比賽發(fā)展而來。
          倫敦創(chuàng)意機(jī)構(gòu) Monopo London 于 2023 年為全英賽打造了忠于基因卻也更為活力的視覺升級。更為平面的圖案設(shè)計(jì)、全新的配色方案等都帶來了更溫暖、舒適、愉悅的感官體驗(yàn)。
          奧運(yùn)會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
           
          在字體應(yīng)用方面,此次視覺升級也頗有考量。
          官網(wǎng)標(biāo)題字體選用了 Neue Haas Grotesk Display(這款字體正是 Helvetica 的前身),正文字體則是蘊(yùn)含著德系干凈嚴(yán)謹(jǐn)基因的 DIN。兩款字體相輔相成,既展現(xiàn)年輕、現(xiàn)代的外觀,又清晰鮮明地呈現(xiàn)大篇幅文字信息。
          結(jié)語
          體育賽事往往歷史悠久,蘊(yùn)含著深厚的品牌基因,也隨著時(shí)代的發(fā)展進(jìn)行視覺升級。字體在其中亦占據(jù)重要的視覺核心,不僅奠定了表達(dá)基礎(chǔ),也在賽場、網(wǎng)頁、宣傳廣告等多種媒介上完善信息的呈現(xiàn)。
          活力、堅(jiān)韌、愉悅、希望……無論是使用字庫字體抑或定制字體,更靈活、更大膽的字體策略,能將品牌聲音傳達(dá)更遠(yuǎn),觸達(dá)更多,設(shè)計(jì)表達(dá)與創(chuàng)意的可能性也正在于此。
           


          作者:Monotype蒙納
          鏈接:https://www.zcool.com.cn/article/ZMTYyODM4NA==.html
          來源:站酷
          著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
           

          藍(lán)藍(lán)設(shè)計(jì)(m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

          WechatIMG27.jpg

          關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

           

          潮流風(fēng)格平面設(shè)計(jì)案例

          前端達(dá)人

          今天給大家分享一張潮流風(fēng)格平面設(shè)計(jì)案列的,我們先來看下效果:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          潮流風(fēng)格的定義,一個(gè)是顏色用黑色綠綠兩種顏色形成強(qiáng)烈的單色對比形成潮流感。
           
          另一個(gè)就是潮流圖形的使用比如:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          接下來我們就分享一下步驟,看看一步一步是怎么做出來的。
           
           
          1.制作背景?先填充一個(gè)綠色,然后加入一個(gè)紙張紋理:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          得到以下的效果:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          繪制紋理,用一個(gè)圖形圈定選區(qū),然后用波點(diǎn)筆刷刷出紋理:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          得到以下效果:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          我們的背景就制作好勒。
           
           
           
          2.中間層制作
          用矩形工具繪制一個(gè)矩形在畫面中心,四周留出一圈間距:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          使用一張素材圖疊加到矩形區(qū)域,使用正片疊底模式加去色使其變成背白:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          給黑色的矩形區(qū)域整體加上一層波點(diǎn)紋理,讓其更富有質(zhì)感:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
           
           
           
           
          3.增加圖形和信息
          使用好看的英文排版在左邊空白區(qū)域,兩個(gè)相同的英文一個(gè)是實(shí)心的白色,另一個(gè)采用描邊的樣式,這樣可以看起來更有變化:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          在英文字體之間用一個(gè)線條穿插起來:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          在右邊的人物疊圖之前用矩形工具畫一些線框:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
           
           
           
           
           
          4.豐富排版
          在畫面四周空白的區(qū)域增加一些細(xì)節(jié)排版,把畫面鋪滿:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
           
           
           
           
          5.制作點(diǎn)綴物
          標(biāo)簽:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          紙質(zhì)卡片:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          星星圖形制作:
           
          直接使用多邊形工具,參數(shù)如下:
           
          邊數(shù):4,圓角半徑:0,星形比列:1%,勾選平滑星形縮進(jìn):
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          然后把我們做好的幾個(gè)圖形排列到畫面當(dāng)中畫好的矩形框里:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          最后在右邊空白的大框里放上一個(gè)LOGO或者圖形,我們的最終畫面就完成了!看看最終效果:
          我是真沒想到,大廠設(shè)計(jì)師把潮流風(fēng)格做成這樣!!!
           
           
          這種潮流排版的設(shè)計(jì),其實(shí)比較主要的就是顏色和圖形,顏色不宜過多,黑色是萬年不變的主要顏色,黑色配任意一種單色都會有很不錯(cuò)的效果。
           
           
          其次就是咱們的點(diǎn)綴和圖形的使用了,一般就是英文,星星,鐳射卡片這些東西,多找找參考也很容易做。
           
           
          當(dāng)然,要想做的很好的話,還有很多細(xì)節(jié)需要注意,比如字體大小,間距,畫面的比例等等細(xì)節(jié)多注意考量,希望對大家有幫助。
           
           


          作者:菜心輕量文
          鏈接:https://www.zcool.com.cn/article/ZMTYyMTYwMA==.html
          來源:站酷
          著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

          藍(lán)藍(lán)設(shè)計(jì)(m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

          WechatIMG27.jpg

          關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

          這些包裝技巧,簡單又出效果,不看一會就刪了!

          前端達(dá)人

          最近ui課學(xué)員開始做結(jié)課作業(yè),在給大家批作業(yè)的時(shí)候,發(fā)現(xiàn)很多同學(xué)對于包裝審美還是差一些,課上給大家實(shí)操了很多案例,今天給大家分享幾個(gè),比如一組的這塊需求分析,包裝的就不太行:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          有點(diǎn)太隨意了,包括文字的排版,還有標(biāo)題前面的兩個(gè)圓圈:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          如果我來包裝的話,一定要加點(diǎn)修飾,不能只是文字,比如加點(diǎn)圖標(biāo)或者加點(diǎn)卡片,我可以先把卡片加上,這樣會更加有聚焦的感覺:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          這時(shí)候我們可以想辦法加點(diǎn)顏色區(qū)分,比如用產(chǎn)品的主色:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          然后可以再給圓圈里面加點(diǎn)圖標(biāo),或者修飾元素,因?yàn)橐唤M同學(xué)已經(jīng)有了一些質(zhì)感圖標(biāo)的繪制,直接加上就可以了:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          然后再加上標(biāo)題:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          我們來對比下第一版和優(yōu)化后的效果:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          這里面其實(shí)差的僅僅只是一點(diǎn)點(diǎn)包裝審美和用心的態(tài)度,技法層面沒什么門檻,只有兩個(gè)質(zhì)感圖標(biāo),還都是一組同學(xué)自己畫的!
          再舉一個(gè)1組同學(xué)的例子,他們在展示圖表的時(shí)候,效果是這樣的:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          如果面試官用手機(jī)看你的作品,能看清楚啥呀,所以如果你覺得自己的作品做的還不錯(cuò),一定要學(xué)會放大展示局部,比如我們這樣優(yōu)化一下:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          是不是比剛才更加簡潔大氣?
          所以大家一定要記住,有優(yōu)秀的東西,一定要拿出來放大展示,我們看看3組同學(xué)的展示方式,就優(yōu)秀很多:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          再看5組的一個(gè)案例,這張圖:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          啥問題?是不是太空了,主次也不清晰,左上角的logo快比頁面還重了,所以我們一定要先解決畫面主次的問題,先把界面變大變飽滿:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          這時(shí)候可以再優(yōu)化一下左側(cè)文案的排版,稍微有點(diǎn)空曠:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          如果覺得層次還是不夠,可以把底色融入一個(gè)黑圈:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          這樣的話,把上面黑色的圖標(biāo)頁,銜接在一起,就會好很多了:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          這是不是比最開始那頁的包裝強(qiáng)太多了:
          這些包裝技巧,簡單又出效果,不看一會就刪了!
           
           
          所以大家在作品包裝展示的時(shí)候,一定要注意這些細(xì)節(jié),而且是非常細(xì)致的細(xì)節(jié),有時(shí)候真的就是差一點(diǎn)點(diǎn),感覺就不一樣了!
          希望今天分享的這幾個(gè)包裝小案例,大家可以有所啟發(fā),后面我會經(jīng)常改ui課同學(xué)的作業(yè),尤其是這種細(xì)節(jié)上的改動,讓大家更好的做出精致作品!
          加油,兄弟們!
           

          藍(lán)藍(lán)設(shè)計(jì)(m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

          關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司

          銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)



          作者:菜心輕量文
          鏈接:https://www.zcool.com.cn/article/ZMTYyMDA3Ng==.html
          來源:站酷
          著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索

          前端達(dá)人

          前言
           
          隨著AI技術(shù)的發(fā)展,越來越多的產(chǎn)品嘗試結(jié)合AI進(jìn)行功能升級,作為設(shè)計(jì)師的你是否也在面臨這樣的問題:如何將AI技術(shù)與場景需求更好的結(jié)合,為用戶提供順暢的AI原生設(shè)計(jì)體驗(yàn)?zāi)兀?/div>
           
          本文將以AI裝扮項(xiàng)目為例,分兩部分介紹我們是如何通過深入分析用戶痛點(diǎn)與需求,結(jié)合公司內(nèi)部能力支持,找到AI創(chuàng)新突破口。同時(shí)發(fā)揮設(shè)計(jì)優(yōu)勢,在沒有行業(yè)參考前提下,探尋出一條AI創(chuàng)新實(shí)踐之路,設(shè)計(jì)主導(dǎo)創(chuàng)新方案優(yōu)化落地。
           
           
          第一部分:為什么要做裝扮AI創(chuàng)新
           
          1.百度APP裝扮業(yè)務(wù)介紹
           
          裝扮是百度APP的一個(gè)基礎(chǔ)能力,支持用戶設(shè)置頭像、皮膚、主頁背景、套裝等,以滿足用戶個(gè)性化訴求為目標(biāo),對設(shè)計(jì)有著較高的依賴。當(dāng)前主要面臨兩個(gè)問題:
           
          •  
            功能缺少吸引力:
            各類裝扮操作流程為選擇→預(yù)覽→裝扮,體驗(yàn)單一,缺乏趣味性和吸引力
           
          •  
            裝扮資源迭代慢:
            裝扮資源更新對設(shè)計(jì)師依賴度較高,但手工繪圖的成本高且周期長
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          2.裝扮用戶分析
           
          通過用戶調(diào)研和數(shù)據(jù)分析,對裝扮用戶有以下兩點(diǎn)發(fā)現(xiàn):
           
          •  
            個(gè)性化需求難以滿足:
            通過裝扮調(diào)研問卷發(fā)現(xiàn),用戶沒有佩戴裝扮的大部分原因是由于現(xiàn)有的免費(fèi)裝扮資源無法滿足用戶個(gè)性化需求
           
          •  
            年輕群體對AI的喜愛:
            裝扮用戶趨于年輕化,而年輕群體對智能化、趣味性產(chǎn)品有濃厚興趣,同時(shí)對個(gè)性化、定制化也有著更高的要求
           
          3.了解內(nèi)部能力支撐
           
          百度文心AI生圖技術(shù)較為成熟,支持輸入描述詞后免費(fèi)生成多張圖片。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          4.設(shè)計(jì)機(jī)會點(diǎn)
           
          通過前面的分析,我們提出一個(gè)洞察思考:
          裝扮是否可以接入文心AI生圖的能力,讓用戶自主生圖并用于裝扮?
           
          我們從用戶、業(yè)務(wù)、設(shè)計(jì)三方視角分析裝扮中心接入文心AI生圖能力的可行性和價(jià)值:
           
          •  
            用戶側(cè):豐富裝扮玩法,提升裝扮體驗(yàn)的趣味性和吸引力
           
          •  
            業(yè)務(wù)側(cè):吸引更多用戶裝扮,提高裝扮用戶量和滲透率
           
          •  
            設(shè)計(jì)側(cè):探索AI能力實(shí)際應(yīng)用場景,積累AI原生設(shè)計(jì)經(jīng)驗(yàn);同時(shí)降低設(shè)計(jì)師生圖成本,降本增效
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
           
          第二部分:如何進(jìn)行裝扮AI創(chuàng)新突破
           
          作為AI創(chuàng)新型項(xiàng)目,我們經(jīng)歷了三期迭代嘗試,不斷打磨升級AI裝扮體驗(yàn):1期快速試水驗(yàn)證效果,2期創(chuàng)新突破交互體驗(yàn),3期結(jié)合數(shù)據(jù)持續(xù)優(yōu)化,下面會從以下3個(gè)階段講述設(shè)計(jì)創(chuàng)新思考過程。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          Step1:快速試水,驗(yàn)證玩法
           
          首先我們快速調(diào)研了國內(nèi)外具有AI生成能力的產(chǎn)品做為體驗(yàn)摸底,發(fā)現(xiàn)競品在AI生圖的創(chuàng)作體驗(yàn)上趨于雷同,創(chuàng)作頁主要分為描述詞輸入框、選擇風(fēng)格、尺寸及張數(shù)等操作模塊,對于普通用戶來說
          創(chuàng)作體驗(yàn)復(fù)雜、輸入門檻高
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          在項(xiàng)目初期,我們希望能夠快速驗(yàn)證用戶對這套新玩法是否感興趣,所以目標(biāo)是低成本快速上線驗(yàn)證玩法。
           
          我們將AI裝扮流程分為4步:點(diǎn)擊入口→開始創(chuàng)作→生成圖片→預(yù)覽裝扮效果及裝扮。
           
          結(jié)合一期目標(biāo)我們有兩個(gè)設(shè)計(jì)難點(diǎn):1.如何簡化創(chuàng)作流程;2.如何精簡步長減少折損
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          設(shè)計(jì)難點(diǎn)1:如何簡化創(chuàng)作流程
           
          解決思路:
          在創(chuàng)作流程上我們決定簡化方案,采取讓用戶選取關(guān)鍵詞組合的簡化方式來生成圖片,簡化創(chuàng)作流程快速上線驗(yàn)證。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          設(shè)計(jì)難點(diǎn)2:如何精簡步長減少折損
           
          解決思路:
          在圖片生成與裝扮預(yù)覽步驟中,通過縮短路徑讓用戶快速直達(dá)裝扮預(yù)覽頁,減少折損。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          在方案選擇上,我們基于
          路徑更短、突出裝扮預(yù)覽效果
          的目標(biāo),選擇了方案1進(jìn)行深化:
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          一期方案與上線數(shù)據(jù)
           
          一期上線后裝扮中心的日均設(shè)置量提升近3倍,AI裝扮各環(huán)節(jié)轉(zhuǎn)化漏斗較高,在各商城中,AI裝扮設(shè)置量位列第二,僅次于頭像,驗(yàn)證AI裝扮對用戶的吸引力較大,于是我們開始啟動二期優(yōu)化。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          Step2:創(chuàng)新突破,打造亮點(diǎn)
           
          對比一期直接讓用戶選取主體詞和風(fēng)格詞的半自動化方式生成圖片,雖然自定義能力較弱,但是生圖方式更容易;二期希望增加用戶自行輸入生成圖片,滿足用戶更加個(gè)性化和多樣性的需求,但同時(shí)輸入門檻對用戶來說也更高。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          現(xiàn)有AI生圖輸入門檻之所以較高,是因?yàn)橐粡埜哔|(zhì)量圖片對生圖描述詞有很高的要求。我們分析發(fā)現(xiàn),高質(zhì)量描述詞需要從畫面風(fēng)格、色彩、細(xì)節(jié)、光影效果、構(gòu)圖比例、畫質(zhì)甚至是相機(jī)設(shè)置等多維度來描述,專業(yè)詞匯多,對于普通用戶來說撰寫門檻高、難度大。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          這就留給我們一個(gè)難題:
          如何讓用戶低門檻生成一張高質(zhì)量圖片?
           
          結(jié)合二期目標(biāo)我們有兩個(gè)設(shè)計(jì)難點(diǎn):1.如何創(chuàng)新突破生圖體驗(yàn);2.裝扮流程整體重構(gòu)
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          設(shè)計(jì)難點(diǎn)1:如何創(chuàng)新突破生圖體驗(yàn)
           
          1)思路發(fā)散
           
          首先我們發(fā)散了兩個(gè)方向:
           
          方向1:提供高質(zhì)量描述詞范例讓用戶直接使用
           
          方向2:輔助用戶寫出高質(zhì)量描述詞,比如提供描述詞潤色功能、高級描述詞庫疊加、按公式引導(dǎo)用戶選擇詞組組合等形式輔助創(chuàng)作
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          2)框架探索
           
          如果創(chuàng)作頁要給用戶提供豐富的引導(dǎo)內(nèi)容,同時(shí)兼顧輸入面板的穩(wěn)定露出,基礎(chǔ)平鋪框架承載力有限,無法兼顧豐富引導(dǎo)內(nèi)容的展示和輸入功能的穩(wěn)定露出。我們提出使用雙層框架的形式,將承載“引導(dǎo)內(nèi)容”和“輸入功能”的容器拆分相互獨(dú)立,在承載“引導(dǎo)內(nèi)容”的容器中支持用戶像刷feed一樣上滑,同時(shí)頂層容器穩(wěn)定置底展示輸入功能。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          3)多方案嘗試
           
          我們圍繞以上兩個(gè)方向進(jìn)行了創(chuàng)作頁從基礎(chǔ)到高階的多套方案探索。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          方案收斂過程中,我們決定進(jìn)行用戶測試,觀察用戶對不同方案的理解與接受程度。
           
          4)用戶測試與痛點(diǎn)分析
           
          我們找了多名不同類型的用戶,觀察他們對各個(gè)方案的理解和使用情況,了解用戶在使用過程中遇到的問題和痛點(diǎn),并制作表格記錄每一位用戶的反饋與建議。
           
          匯總后得到以下發(fā)現(xiàn)點(diǎn):
           
          1.用戶對點(diǎn)擊推薦描述詞的生成圖片效果沒有預(yù)期,且表示操作難以理解
           
          2.有配圖會增強(qiáng)吸引力,文字或步驟多會有負(fù)面影響
           
          3.用戶對風(fēng)格選擇沒有強(qiáng)烈訴求
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          5)提煉問題迭代優(yōu)化
           
          根據(jù)測試結(jié)論1&2我們想到,能否結(jié)合方案2-1與2-2,采用圖片范例代替純文字范例,這樣用戶對生成效果就有了直接的預(yù)期,同時(shí)提高了點(diǎn)擊吸引力和可玩性;根據(jù)結(jié)論3我們對現(xiàn)有步驟進(jìn)行了簡化,省略風(fēng)格選擇步驟,采用智能識別描述詞風(fēng)格或默認(rèn)智能推薦生圖風(fēng)格,來減少用戶生圖步驟。
           
          最終方案與競品對比生圖難度更低、生圖步驟更短,同時(shí)我們也進(jìn)行了新方案的回訪,所有用戶均表示新方案更簡單直接,且吸引力更強(qiáng)。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          設(shè)計(jì)難點(diǎn)2:裝扮流程整體重構(gòu)
           
          在入口頁和生成圖片&裝扮預(yù)覽流程我們也發(fā)散了多個(gè)方案,同樣通過用戶測試選出最優(yōu)方案。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          二期方案設(shè)計(jì)
           
          用戶在裝扮中心點(diǎn)擊入口進(jìn)入創(chuàng)作頁,點(diǎn)擊圖例或輸入內(nèi)容后點(diǎn)擊底部生成按鈕,跳轉(zhuǎn)AI生成圖片頁面,支持用戶在當(dāng)前頁面預(yù)覽圖片、重新生成、修改描述、保存圖片及分享等操作,底部按鈕強(qiáng)引導(dǎo)進(jìn)入裝扮預(yù)覽頁進(jìn)行裝扮。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          上線效果
           
          1)上線數(shù)據(jù)漏斗分析
           
          AI裝扮2期上線后,在入口、輸入頁和裝扮預(yù)覽頁轉(zhuǎn)化較1期均有大幅提升,在輸入難度大于1期的前提下,輸入轉(zhuǎn)化依然高于1期。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          2)實(shí)際圖片生成效果
           
          以下是一些真實(shí)用戶生成的圖片,不同風(fēng)格的生成質(zhì)量都能達(dá)到理想效果。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          3)數(shù)據(jù)指導(dǎo)持續(xù)優(yōu)化
           
          同時(shí),進(jìn)一步分析漏斗數(shù)據(jù)發(fā)現(xiàn),雖然整體漏斗數(shù)據(jù)優(yōu)于以往,但是在圖片生成頁的用戶流失較大,于是我們開始探索在滿足用戶預(yù)覽圖片訴求的同時(shí),是否存在能夠快速進(jìn)入裝扮預(yù)覽頁的方案。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          Step3:持續(xù)迭代,精細(xì)體驗(yàn)
           
          3期我們以簡化操作流程,提升裝扮轉(zhuǎn)化率為目標(biāo)進(jìn)行設(shè)計(jì)方案探索,結(jié)合用戶在創(chuàng)作頁點(diǎn)擊生成按鈕后希望先看到生成圖片的訴求,我們3期的設(shè)計(jì)難點(diǎn)是:
          如何在預(yù)覽圖片和減步長中尋找平衡?
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          設(shè)計(jì)難點(diǎn):在預(yù)覽圖片和減步長中尋找平衡
           
          1)框架探索
           
          考慮到用戶想要先看到生成圖片的訴求,所以在思考方案過程中引入動效來銜接頁面之間的變化,減少用戶跳轉(zhuǎn)的可行性。
           
          方向1:縮短主操作路徑,次要功能建立預(yù)期,后置操作;優(yōu)勢是層級簡單,核心操作聚焦
           
          方向2:僅預(yù)覽圖片結(jié)果,后置操作;優(yōu)勢是操作路徑短
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          2)方案細(xì)化與測試
           
          根據(jù)框架探索我們細(xì)化了3個(gè)方案:
           
          為了更直觀的展示,我們制作了3個(gè)方案的Demo并進(jìn)行用戶測試,大部分用戶認(rèn)為方案1更直觀且簡潔。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          3)最終方案展示
           
          生成中:展示重新生成、保存等相關(guān)操作,建立用戶預(yù)期
           
          生成后:展示生成圖片并自動上滑,同時(shí)調(diào)起裝扮預(yù)覽面板,縮短裝扮路徑
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
          優(yōu)化后數(shù)據(jù)對比
           
          對比2期方案,優(yōu)化后方案點(diǎn)擊生成按鈕直達(dá)裝扮預(yù)覽頁,縮短裝扮路徑,上線后日均裝扮成功轉(zhuǎn)化率顯著提升。
           
          當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
           
           
           
           
          結(jié)語
           
          本文以百度APP裝扮體驗(yàn)AI創(chuàng)新探索為例,分享了從設(shè)計(jì)視角出發(fā),設(shè)計(jì)師如何結(jié)合AI能力進(jìn)行設(shè)計(jì)創(chuàng)新,為用戶提供順暢的AI原生體驗(yàn),并分三步推動項(xiàng)目落地與優(yōu)化的思考過程。通過本次項(xiàng)目,我們也積累了一些經(jīng)驗(yàn)分享給大家:
           
          1.避免慣性思維,站在用戶視角看問題
           
          作為設(shè)計(jì)師,可能我們已經(jīng)看過、使用過很多AI類產(chǎn)品,對它的玩法非常熟悉。在設(shè)計(jì)前期,我們常常理所當(dāng)然的認(rèn)為用戶已經(jīng)理解掌握生圖的方法,結(jié)果在測試階段發(fā)現(xiàn)即便是公司內(nèi)部互聯(lián)網(wǎng)員工,理解使用起來也有一定門檻。所以我們一定要避免慣性思維,注意時(shí)刻抽身站在用戶視角,多問問自己:我們的用戶群體是否能夠快速理解并掌握設(shè)計(jì)方案。
           
          2.用戶測試是有效的工具,可以幫助設(shè)計(jì)師獲得更深入的用戶反饋,并將其轉(zhuǎn)化為理想方案設(shè)計(jì)點(diǎn)
           
          整個(gè)過程中,我們遇到了很多困難與挑戰(zhàn),尤其是在2期輸入體驗(yàn)的優(yōu)化上,在競品創(chuàng)作體驗(yàn)千篇一律且都不理想的情況下,初期思考的方案均沒有達(dá)到簡單且能直接輸入高質(zhì)量描述詞的理想效果,設(shè)計(jì)思路此時(shí)也達(dá)到了瓶頸。這時(shí)候引入用戶測試是一種很好的幫助設(shè)計(jì)師“換腦”的方式,用戶不會直接告訴我們理想方案是什么,但是我們可以從用戶的反饋中抽絲剝繭,轉(zhuǎn)化成理想方案的設(shè)計(jì)點(diǎn)。
           
          3.設(shè)計(jì)方案應(yīng)盡量簡單直觀,避免需要用戶進(jìn)行過多的思考和轉(zhuǎn)換
           
          通過我們多次的用戶測試發(fā)現(xiàn),除了大家熟知的設(shè)計(jì)方案應(yīng)該盡量簡單清晰、避免過多的復(fù)雜步驟和操作以外,還應(yīng)該盡量避免用戶需要思考轉(zhuǎn)化的步驟:比如給一段純文字示例讓用戶來生成圖片,這個(gè)文字與圖片生成的效果是需要用戶通過思考并轉(zhuǎn)換的,也許生圖結(jié)果與用戶預(yù)期天差地別。所以在調(diào)研后我們采取了“圖生圖”的方式,用戶喜歡哪張圖片,就使用它的描述詞來生成相似,這樣更加直觀,減少在大腦里轉(zhuǎn)換思考的過程。
           
          以上就是我們的思考全過程與全部心得,希望對大家做類似AI創(chuàng)新型項(xiàng)目有所幫助。百度AI裝扮項(xiàng)目依然在持續(xù)優(yōu)化與完善,歡迎有興趣、有建議的小伙伴,來找我們一起溝通交流~
           
           
          關(guān)于我們:
          MEUX,百度移動生態(tài)用戶體驗(yàn)設(shè)計(jì)中心,負(fù)責(zé)百度移動生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。服務(wù)的產(chǎn)品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業(yè)產(chǎn)品等。MEUX以「簡單極致」為設(shè)計(jì)理念,創(chuàng)造極致用戶體驗(yàn)的同時(shí)賦能商業(yè),推動設(shè)計(jì)行業(yè)的價(jià)值和影響力,讓生活因設(shè)計(jì)而更美好。
           


          作者:百度MEUX
          鏈接:https://www.zcool.com.cn/article/ZMTYxMDA5Ng==.html
          來源:站酷
          著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

          logo設(shè)計(jì)全流程及案例分析

          博博

          作者:陽陽設(shè)計(jì)師
          來源:知乎

          一、前期調(diào)研

          作為設(shè)計(jì)團(tuán)隊(duì),我們知道一個(gè)品牌的誕生與發(fā)展,每個(gè)公司都投入了巨大的資源和心血。logo設(shè)計(jì)就像父母給孩子起名,被企業(yè)寄予了太多的期待與美好的祝愿,它不僅僅是一個(gè)圖形一串文字,更代表了企業(yè)的形象和深厚的文化。因此我們在提供設(shè)計(jì)方案時(shí),也同樣肩負(fù)著品牌價(jià)值和品牌責(zé)任傳輸?shù)穆氊?zé),在接到設(shè)計(jì)任務(wù)之后,并不會漫無目的的就開始投入到logo設(shè)計(jì)之中。而是要對服務(wù)的公司進(jìn)行充分系統(tǒng)的調(diào)研。

          調(diào)研有助于我們對企業(yè)的文化、核心、價(jià)值觀、產(chǎn)品等方面進(jìn)行全面的了解。根據(jù)企業(yè)客戶的消費(fèi)行為、喜好,競爭品牌進(jìn)行分析總結(jié),有針對性的制定創(chuàng)意和設(shè)計(jì)方案,避免與其他品牌“撞臉”。

          給大家介紹幾個(gè)我經(jīng)常會遇到的研究方法:

          1. 用戶采訪

          通過對客戶的了解,團(tuán)隊(duì)預(yù)先準(zhǔn)備一些問題,把那些重要的信息進(jìn)行記錄匯總,這樣可以得到第一手的客戶需求。客戶是很愿意跟設(shè)計(jì)師進(jìn)行品牌分享的,但是聊天式的采訪往往達(dá)不到設(shè)計(jì)預(yù)期,因此我們一定要引導(dǎo)客戶進(jìn)行闡述,一點(diǎn)點(diǎn)把品牌最重要的信息和關(guān)鍵詞梳理出來,這個(gè)過程對把握設(shè)計(jì)概念十分重要。

          客戶案例

          2. 領(lǐng)域調(diào)研

          很多客戶表示不了解,為啥設(shè)計(jì)師可以設(shè)計(jì)各個(gè)行業(yè)的logo,甚至很多客戶只找做過他們這個(gè)行業(yè)設(shè)計(jì)的設(shè)計(jì)師,其實(shí)大可不必這樣,因?yàn)橐粋€(gè)成熟的設(shè)計(jì)團(tuán)隊(duì),做設(shè)計(jì)前都會對這個(gè)企業(yè)進(jìn)行系統(tǒng)的領(lǐng)域研究,況且任何一個(gè)團(tuán)隊(duì)也不可能做過所有行業(yè)的設(shè)計(jì)。所以我們常常通過調(diào)研系統(tǒng)的了解企業(yè)及其上下游的品牌特征,并對此進(jìn)行拓展梳理,而設(shè)計(jì)語言與方法是相通的,越成熟的設(shè)計(jì)師越能進(jìn)行精準(zhǔn)的設(shè)計(jì)。

          (如該領(lǐng)域的視覺偏好是什么,對企業(yè)環(huán)境及產(chǎn)品進(jìn)行實(shí)地考察,其他競品的品牌符號有什么共性和區(qū)別,企業(yè)符號可以從哪些視覺方面進(jìn)行表達(dá)等等)

          3. 關(guān)鍵詞頭腦風(fēng)暴

          以最近給客戶做的一個(gè)項(xiàng)目“食品加工器械”的logo設(shè)計(jì)為例,針對這個(gè)關(guān)鍵詞我們可以想到什么?“機(jī)械、科技、食品、高端”等等,根據(jù)這些詞匯,我們再次聯(lián)想,拓展出二級、三級的詞語,最終找出整個(gè)思維導(dǎo)圖中最具創(chuàng)新性并符合客戶定位的關(guān)鍵詞。

          客戶案例

          4. 其他方式

          其實(shí)可用的方法還有很多,如:實(shí)地調(diào)研法、抽樣調(diào)研法、統(tǒng)計(jì)調(diào)查法、文獻(xiàn)調(diào)研法等,在這里就不一一列舉了。

          俗話說:“知己知彼,百戰(zhàn)不殆”,我們在了解客戶的基本訴求,深度挖掘企業(yè)核心價(jià)值與內(nèi)涵之后,才能對企業(yè)進(jìn)行明確的定位。基于此,產(chǎn)出最能代表企業(yè)的超級符號。

          5. 案例分享

          民宿品牌愛彼迎在升級品牌形象時(shí)便做了大量的設(shè)計(jì)調(diào)研,為了更好的理解與傳達(dá)愛彼迎的經(jīng)營理念,設(shè)計(jì)工作室Design Studio橫跨4個(gè)大洲,往返13個(gè)城市,試住了18間房子,并與不同國家的愛彼迎員工進(jìn)行交流。甚至深入愛彼迎公司內(nèi)部,與工程師、設(shè)計(jì)師一同工作,共同交流,只為呈現(xiàn)出更完美的愛彼迎品牌視覺。通過長達(dá)數(shù)月的工作,最終完成了這一設(shè)計(jì)。

          進(jìn)行了大量調(diào)研,我們才有足夠的話語權(quán)進(jìn)行創(chuàng)作。我們根據(jù)調(diào)研的結(jié)果,找出最能體現(xiàn)品牌價(jià)值的創(chuàng)新點(diǎn),再開始進(jìn)入設(shè)計(jì)過程。

          二、繪制草圖

          調(diào)研完成后,為得到最適合的設(shè)計(jì)方案,我們常常會使用頭腦風(fēng)暴的方式獲得設(shè)計(jì)初稿。在一個(gè)集中時(shí)間段內(nèi),將之前的提取的關(guān)鍵詞進(jìn)行草圖創(chuàng)意繪制,使用圖形打散、重組的手法,將抽象思維用圖形語言表達(dá)出來。要求既符合品牌行業(yè)屬性,又具有創(chuàng)新突破的元素。

          草圖繪制完成之后,我們會對草圖進(jìn)行篩選,過濾掉實(shí)施性弱、美觀性差、不夠深刻的創(chuàng)意點(diǎn)。挑選出最適合客戶需求的方案進(jìn)行深入。大量的創(chuàng)意會在這一階段經(jīng)歷打破與重塑,推倒與重來,優(yōu)中選優(yōu),只為呈現(xiàn)最好的方案。

          挑選最優(yōu)方案后,我們才開始進(jìn)行Logo的下一個(gè)階段——成稿制圖,而且會推進(jìn)幾個(gè)可行性較高的方案,這樣在提案時(shí),方便客戶進(jìn)行選擇。

          三、成稿制圖

          成稿制圖通常被甲方理解為logo設(shè)計(jì)的主要部分,因此會覺得設(shè)計(jì)只是做圖,卻忽略了設(shè)計(jì)師在前期投入的大量時(shí)間和深度思考,還容易給人產(chǎn)生Logo設(shè)計(jì)十分簡單的錯(cuò)覺。我們也經(jīng)常遇到這樣的客戶“logo不就是做個(gè)圖么,怎么這么貴?”這個(gè)時(shí)候,一定要跟客戶進(jìn)行溝通,讓他們了解到logo設(shè)計(jì)的全過程是什么,為什么需要花費(fèi)大量時(shí)間,如果客戶知道你為此付出了這么多的經(jīng)歷,就會得到他們的理解。

          實(shí)際制圖只是將我們頭腦中的想法表現(xiàn)出來,因此這一步驟僅占設(shè)計(jì)過程的十分之一。

          四、細(xì)節(jié)優(yōu)化與調(diào)整

          經(jīng)過之前的努力,到這時(shí),基本設(shè)計(jì)方案已經(jīng)完成。這一階段主要針對Logo的細(xì)節(jié)、外形、顏色等方面進(jìn)行調(diào)整。力求設(shè)計(jì)感、藝術(shù)感、實(shí)用性相統(tǒng)一。

          案例分析

          我們來看看蘋果公司是如何做的:蘋果公司在Logo設(shè)計(jì)時(shí),將圖形定義為一個(gè)蘋果。但當(dāng)Logo制作出來以后,圖形的辨識度并不高。為了增強(qiáng)圖形的識別性,避免讓消費(fèi)者誤認(rèn)為是“櫻桃”,設(shè)計(jì)師決定在Logo圖形上增加更多的趣味性,于是“被咬了一口的蘋果”應(yīng)運(yùn)而生,可見細(xì)節(jié)修改至關(guān)重要。

          另外,在基本方案完成的基礎(chǔ)上,設(shè)計(jì)師會制定Logo使用規(guī)范,確保Logo在延展應(yīng)用過程中能夠保持高度的品牌辨識度。

          以麥當(dāng)勞為例,在品牌升級前,麥當(dāng)勞長久以來并沒有制定一個(gè)嚴(yán)格統(tǒng)一使用規(guī)范,不同國家地區(qū)的麥當(dāng)勞Logo也并不相同,這對于麥當(dāng)勞塑造品牌形象是非常不利的。

          因此,麥當(dāng)勞制定了一系列的標(biāo)志應(yīng)用規(guī)范,此后視覺上,統(tǒng)一規(guī)范的麥當(dāng)勞變得更加具有辨識度。

          為使Logo更具形式美,我們會對logo進(jìn)行視覺優(yōu)化。例如黃金分割比例是我們在這一階段比較常用的手法。

          為使Logo設(shè)計(jì)更理性、科學(xué)、美觀,我們常常通過黃金分割比例來構(gòu)建Logo。當(dāng)事物之間各部分的比例呈現(xiàn)1:0.618的比例時(shí),最能引起視覺上的美感,這一比例充滿了理性與感性的統(tǒng)一。良好的比例關(guān)系在復(fù)制和傳播的過程中更加方便快捷,也使后期的加工制造過程更加精準(zhǔn)。

          以上是我對logo設(shè)計(jì)流程的介紹,而這些其實(shí)也只是logo設(shè)計(jì)過程中的比較重要的步驟,一些具體的設(shè)計(jì)細(xì)節(jié)會根據(jù)每個(gè)不同的方案也會不同和更加深入,這樣大家就明白了,為啥logo設(shè)計(jì)這么貴了吧,可不是單單一個(gè)圖例制作那么簡單

          接下來再給大家分享一些經(jīng)典的Logo設(shè)計(jì)案例,一起更加深入的理解那些著名的Logo設(shè)計(jì)背后的故事,一定對你有所啟發(fā)~

          五、Logo案例分享

          1. 百事可樂logo

          2006年,百事可樂花費(fèi)100萬美元升級了logo。當(dāng)品牌視覺手冊發(fā)布之后,甚至有網(wǎng)友調(diào)侃“看完百事的logo設(shè)計(jì),終于明白logo的設(shè)計(jì)費(fèi)為什么這么貴了。”

          新的logo圖形不再對稱,字體也去掉邊角變得纖細(xì)。與之前相比,現(xiàn)在的Logo更加扁平,便于記憶。

          兩條曲線,似是流動的液體,也像是微笑著的人。可別小看這簡單的兩條曲線,弧度細(xì)微的變化都會產(chǎn)生不同的效果。百事可樂還加入了幾何角度的思考,通過幾何學(xué)解釋了Logo的原理。

          在logo比例關(guān)系的處理上,也融入了對哲學(xué)問題的思考,從古代陰陽五行說到黃金分割比例,最后到地球能量磁場,小小的Logo蘊(yùn)含了太多。

          但是,Logo還存在一些不足之處,如:單色應(yīng)用時(shí)缺乏辨識度、需要增加邊框線使用等問題,導(dǎo)致Logo在具體使用時(shí),會有一定的局限性。


          2. 蘋果logo

          初代的蘋果logo描繪了“坐在樹下看書的牛頓”這樣一副圖案。相比于追求簡約、便于記憶的Logo,這個(gè)圖案無疑太過復(fù)雜,在傳播上也有很大的劣勢。可能是意識到了這一點(diǎn),新logo進(jìn)行了突破性的改變。

          除了圖形上創(chuàng)新之外,顏色上也采用了豐富的彩虹色。它標(biāo)志著第一臺支持彩色電腦的誕生。整個(gè)Logo營造出了溫暖、積極的氛圍,為企業(yè)注入了旺盛的生命力。

          作為一個(gè)科技公司的logo,極具科技感的藍(lán)色與邊角處高光、陰影等細(xì)節(jié)為Logo營造出了立體感。

          在追求極致簡約的時(shí)代,純黑的logo更便于識別記憶。

          取代經(jīng)典純黑logo的,是具有光澤感的蘋果Logo。與之前相比,Logo圖形更為流暢、水潤。在保持識別性的基礎(chǔ)上,整體造型與材質(zhì)也更加飽滿。

          隨著iphone的推出,高光版本Logo被鍍鉻效果所取代。

          簡約、易記的logo圖形,也向我們展示了近年標(biāo)志發(fā)展簡約化的設(shè)計(jì)趨勢。時(shí)至今日,蘋果仍延續(xù)這一Logo。

          去年,蘋果公司更是把Logo玩出了花樣,動態(tài)的、靜態(tài)的、豐富的材質(zhì),讓蘋果logo“多到用不完”。

          因此一個(gè)好的logo設(shè)計(jì)是一定要給logo預(yù)留足夠多的延展空間的


          3. 騰訊logo

          在成立20周年之際,騰訊更新了logo。仔細(xì)觀察字體的筆畫,我們會發(fā)現(xiàn),Logo整體傾斜了。7度太小、9度太大,傾斜8度的騰訊字體自帶科技感與運(yùn)動感。

          與logo一同發(fā)布的,還有一套定制品牌字體“騰訊字庫”,這套字體包含了中英日文拉丁文多種類別,通過統(tǒng)一的字體,更好的傳達(dá)了騰訊的企業(yè)個(gè)性,強(qiáng)化了企業(yè)形象的塑造。

          由于漢字都是方正的,因此,在漢字的世界中,斜體漢字的概念聞所未聞。由于斜體的漢字很難依靠傳統(tǒng)的字體結(jié)構(gòu)。在文字的正負(fù)形、筆畫、空間美感方面,設(shè)計(jì)師需要把握平衡與速度之間微妙的制衡。

          在字體的筆畫末端進(jìn)行切角處理。使文字更具力量感與速度感。“騰訊”兩字也做出了細(xì)微的調(diào)整,從筆畫、間隔到轉(zhuǎn)角弧度都發(fā)生了變化。

          騰訊旗下產(chǎn)品眾多,但風(fēng)格形式都各不相同。“騰訊字庫”有助于這些項(xiàng)目在視覺形象上的統(tǒng)一。

          Logo整體顏色也變成了高明度的藍(lán)色,這個(gè)顏色是與色彩機(jī)構(gòu)潘通合作,定制了品牌標(biāo)準(zhǔn)色。藍(lán)色取自海洋與天空,蘊(yùn)含著極致的理性,體現(xiàn)了對技術(shù)精益求精的追求。

          來自彩通的國際色彩大師Leatrice Eiseman,也是騰訊藍(lán)的開發(fā)者之一介紹道:“它可以非常好的體現(xiàn)出騰訊的原則和哲學(xué),也就是技術(shù)方面的精益求精對技術(shù)的追求,以及會不斷地去追求新的創(chuàng)新。”

          由此,還進(jìn)行了一系列應(yīng)用部分的延展。


          4. 小米logo

          小米斥資200萬邀請日本設(shè)計(jì)大師原研哉操刀設(shè)計(jì)新logo。小米logo剛一發(fā)布,便引起了熱烈的討論,只不過是由方變圓,憑什么值200萬?

           

          我們知道,品牌Logo的升級換代,往往要考慮辨識度對品牌的影響。一旦失去了辨識度,相當(dāng)于拋棄了原有幾十年積累的品牌資產(chǎn),相當(dāng)于重新認(rèn)識品牌。因此,近年來的品牌重塑,都是在保留了原版Logo的識別性的基礎(chǔ)上,融入了更具價(jià)值的品牌理念。

          作為設(shè)計(jì)行業(yè)的領(lǐng)軍人物。原研哉致力于在設(shè)計(jì)中融入東方美學(xué)的概念,將復(fù)雜的事務(wù)化繁為簡。深度理解小米“以科技創(chuàng)造美好生活為使命”的品牌理念后,原研哉提出“探索科技與生命的關(guān)系”融入“ALIVE”的概念,即接近生命的形態(tài)。

          Logo中融入最具中國特點(diǎn)的“人情味”,整個(gè)logo歷時(shí)三年,讓小米的Logo具有了煙火氣息,這也符合小米致力于發(fā)展一種高品質(zhì)、常態(tài)化生活的品牌調(diào)性。

          不僅如此,這個(gè)外形還運(yùn)用到一個(gè)數(shù)學(xué)公式:|x|^n+|y|^n=1,通過“n”的變化來推算Logo進(jìn)行由方至圓的演變,經(jīng)過多種對比,最終選擇了當(dāng)n=3時(shí),形成集美感與寓意于一身的Logo圖形,也是最具“ALIVE”內(nèi)涵的代表圖形。

          小米logo的英文字體也變得更加靈活圓潤,而“ALIVE”的理念也貫穿了整個(gè)視覺系統(tǒng),不論是產(chǎn)品展示還是品牌宣傳,新Logo都變得更加靈活生動。(視頻)

          在沿用橙色作為品牌標(biāo)準(zhǔn)色的基礎(chǔ)上,融入了具有科技感的黑色與銀色作為輔助色,保持識別性的同時(shí)也注入了新的活力。

           

          5. 麥當(dāng)勞logo

          看到這張圖片,第一時(shí)間便能聯(lián)想到麥當(dāng)勞,在消費(fèi)者心中,亮麗的金拱門早就形成了視覺符號。作為一個(gè)餐飲品牌,麥當(dāng)勞的視覺設(shè)計(jì)也不甘示弱。由于疫情,為鼓勵(lì)公眾用餐衛(wèi)生,麥當(dāng)勞將自己的logo一分為二拆分成了兩個(gè)分開的門。

           

          通過分解Logo的“M”,在品牌延展上,同樣也和其他品牌區(qū)分開來,將logo極致符號化。

          明亮積極的“M”提高了麥當(dāng)勞的品牌辨識度,紅黃配色與字母“M”深入人心,哪怕只是局部,也能被一眼認(rèn)出。這得益于麥當(dāng)勞對于自身品牌的堅(jiān)持塑造,通過不斷的品牌價(jià)值輸出,來影響消費(fèi)者的心理。

          時(shí)至今日,麥當(dāng)勞形成了強(qiáng)大的品牌識別符號。簡約的“m”更具記憶點(diǎn)。

           

          藍(lán)藍(lán)設(shè)計(jì)(m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

          關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司

          銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

          一篇文章補(bǔ)齊你的平面設(shè)計(jì)八大構(gòu)成!|蘭亭妙微UI設(shè)計(jì)公司

          濤濤

          一篇文章補(bǔ)齊你的平面設(shè)計(jì)八大構(gòu)成!|蘭亭妙微UI設(shè)計(jì)公司

          平面設(shè)計(jì)是一門藝術(shù)和科學(xué)的結(jié)合,通過合理運(yùn)用各種設(shè)計(jì)元素和構(gòu)成原則,創(chuàng)造出富有吸引力和有效傳達(dá)信息的作品。在平面設(shè)計(jì)中,八大構(gòu)成原則被廣泛應(yīng)用,它們是:對比、重復(fù)、對齊、對稱、比例、空白、色彩和排斥。

          對比(Contrast):對比是通過相互之間的區(qū)別來突出一種元素或一個(gè)組合的方法。通過使用對比,可以增強(qiáng)圖像的吸引力,并使關(guān)鍵元素更加顯眼。比如使用不同的字體、顏色和大小來營造強(qiáng)烈的對比效果。

          1. 重復(fù)(Repetition):重復(fù)是指在設(shè)計(jì)中重復(fù)使用一個(gè)或多個(gè)元素,以增強(qiáng)整體的統(tǒng)一感和協(xié)調(diào)性。通過重復(fù)使用相似的形狀、顏色或圖案,可以營造出一種重復(fù)的節(jié)奏感,從而使作品更加有序和有力。

          2. 對齊(Alignment):對齊是將不同的元素或組件置于水平、垂直或?qū)蔷€上,以增強(qiáng)整體的組織性和連貫性。通過合理的對齊,可以使作品的結(jié)構(gòu)更加清晰,并使觀眾的注意力集中在重要的區(qū)域。

          3. 對稱(Symmetry):對稱是指作品的形態(tài)、結(jié)構(gòu)或布局兩側(cè)呈現(xiàn)相似或鏡像關(guān)系。對稱可以給人一種穩(wěn)定和平衡的感覺,它適用于傳達(dá)正式、莊重和可靠的信息。

          4. 比例(Proportion):比例是指各種元素之間大小和比例的關(guān)系。通過合理的比例,可以使作品達(dá)到和諧、舒適和平衡的效果。合理的比例關(guān)系可以通過調(diào)整尺寸、距離和形狀來實(shí)現(xiàn)。

          5. 空白(Whitespace):空白是作品中未使用的空間,也被稱為負(fù)空間。空白可以幫助調(diào)整元素之間的關(guān)系,營造出平衡和穩(wěn)定的效果。合理運(yùn)用空白可以提高作品的可讀性和可視性,并使重要元素更加突出。

          6. 色彩(Color):色彩是平面設(shè)計(jì)中非常重要的一部分,它可以通過情緒、情感和意義來傳達(dá)信息。通過選擇適合的色彩方案,可以增強(qiáng)作品的吸引力和表達(dá)力。色彩應(yīng)該符合品牌的形象,并與其他設(shè)計(jì)元素相互協(xié)調(diào)。

          7. 排斥(Hierarchy):排斥是指通過元素的大小、位置和顏色等方面的差異來創(chuàng)建層次感和視覺引導(dǎo)。通過合理的排斥,可以引導(dǎo)觀眾的目光,使他們更加關(guān)注重要的信息和設(shè)計(jì)元素。
            以上八大構(gòu)成原則提供了一個(gè)設(shè)計(jì)師在平面設(shè)計(jì)中創(chuàng)造有吸引力和有效傳達(dá)信息的作品的指導(dǎo)。設(shè)計(jì)師可以根據(jù)具體情況和目標(biāo),靈活應(yīng)用這些原則,以實(shí)現(xiàn)更好的設(shè)計(jì)效果。
            藍(lán)藍(lán)未來將會持續(xù)在平臺上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會請您入群。同時(shí)添加藍(lán)小助我們將會為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
            藍(lán)藍(lán)設(shè)計(jì)( m.sdgs6788.com )是一家專注而深入的界面設(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ì)公司

          2個(gè)方法幫你從歷史中學(xué)會字體設(shè)計(jì)|蘭亭妙微UI設(shè)計(jì)公司

          濤濤

          2個(gè)方法幫你從歷史中學(xué)會字體設(shè)計(jì)|蘭亭妙微UI設(shè)計(jì)公司

          引言:
          字體設(shè)計(jì)是一門融合藝術(shù)和技術(shù)的復(fù)雜領(lǐng)域,深受歷史的影響。通過深入研究歷史中的字體設(shè)計(jì),我們可以汲取靈感和經(jīng)驗(yàn),提升自己的字體設(shè)計(jì)能力。本文將介紹兩種方法,幫助您從歷史中學(xué)會字體設(shè)計(jì)。

          來百度APP暢享高清圖片
          一、研究經(jīng)典字體:

          1. 深入了解字體的歷史背景:
            了解字體的起源、演變和發(fā)展歷程,可以幫助您理解不同字體背后的文化、時(shí)代特征和設(shè)計(jì)理念。研究不同歷史時(shí)期的經(jīng)典字體,如文藝復(fù)興時(shí)期的Garamond字體、18世紀(jì)的Baskerville字體等,可以獲得豐富的設(shè)計(jì)靈感。
          2. 分析字體的構(gòu)造和特點(diǎn):
            細(xì)致研究字體的構(gòu)造和特點(diǎn),包括字母間距、筆畫粗細(xì)、字形比例和曲線結(jié)構(gòu)等。比較不同字體的細(xì)節(jié)差異,探究其設(shè)計(jì)目的和美感,有助于提升自己的設(shè)計(jì)技巧和審美能力。
          3. 進(jìn)行實(shí)踐練習(xí):
            通過仿制經(jīng)典字體的練習(xí),可以深入研究字體的細(xì)節(jié)和運(yùn)用。選擇一款您喜愛的經(jīng)典字體,用紙和筆或字體設(shè)計(jì)軟件重新繪制它。這個(gè)過程中,您將更好地理解字體的結(jié)構(gòu)和設(shè)計(jì)原則,并能夠在實(shí)踐中掌握相關(guān)技巧。

            二、探索地區(qū)文化中的字體設(shè)計(jì):
          4. 研究不同地區(qū)的書法傳統(tǒng):
            不同地區(qū)的書法傳統(tǒng)具有獨(dú)特的美感和藝術(shù)特點(diǎn)。通過研究中國的楷書、日本的行書、阿拉伯的庫法字等,您可以了解不同文化對字體設(shè)計(jì)的影響,發(fā)現(xiàn)新的設(shè)計(jì)元素和風(fēng)格。
          5. 掌握當(dāng)?shù)貧v史紀(jì)錄和文獻(xiàn):
            查閱當(dāng)?shù)貧v史紀(jì)錄和文獻(xiàn),了解古代的書法作品和印刷品。這些記錄可以幫助您理解當(dāng)時(shí)的字體設(shè)計(jì)趨勢和審美標(biāo)準(zhǔn),啟發(fā)您進(jìn)行相關(guān)的創(chuàng)作。
          6. 利用地域標(biāo)志和文化符號:
            探索地區(qū)的標(biāo)志、傳統(tǒng)服飾、建筑風(fēng)格和藝術(shù)作品,尋找與字體設(shè)計(jì)相關(guān)的視覺元素。將這些地域符號運(yùn)用到字體設(shè)計(jì)中,可以賦予您的作品獨(dú)特的文化內(nèi)涵和地域特色。
            結(jié)論:
            通過研究歷史中的字體設(shè)計(jì),我們可以獲得靈感、豐富設(shè)計(jì)技巧,并提升自己的字體設(shè)計(jì)能力。通過深入了解經(jīng)典字體和探索地區(qū)文化中的字體設(shè)計(jì),我們可以更好地理解不同的設(shè)計(jì)理念和審美標(biāo)準(zhǔn),并將其應(yīng)用于當(dāng)前的字體設(shè)計(jì)中,創(chuàng)造出獨(dú)特而受歡迎的作品。不斷學(xué)習(xí)和實(shí)踐,將歷史中的經(jīng)驗(yàn)轉(zhuǎn)化為自己的設(shè)計(jì)語言,讓字體設(shè)計(jì)更加精妙和富有藝術(shù)性。
            藍(lán)藍(lán)未來將會持續(xù)在平臺上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會請您入群。同時(shí)添加藍(lán)小助我們將會為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
            藍(lán)藍(lán)設(shè)計(jì)( m.sdgs6788.com )是一家專注而深入的界面設(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è)人資料

          存檔

          一本大道久久东京热无码AV| 亚洲国产欧洲综合997久久| 久久久久亚洲?V成人无码| 99久久无码一区人妻a黑| 久久婷婷午色综合夜啪| 品成人欧美大片久久国产欧美...| 久久精品免费一区二区| 四虎影视久久久免费观看| 国産精品久久久久久久| 久久免费精品视频| 中文成人无码精品久久久不卡 | 色综合久久久久综合99| 老司机国内精品久久久久| 久久精品亚洲一区二区三区浴池 | 精品国产91久久久久久久| 99久久久国产精品免费无卡顿| 五月丁香综合激情六月久久| 久久婷婷五月综合色奶水99啪| 久久综合亚洲欧美成人| 国产精品久久久久久久| 亚洲国产精品热久久| 欧美久久一区二区三区| 久久精品极品盛宴观看| 久久亚洲中文字幕精品有坂深雪| 精品综合久久久久久888蜜芽| 久久美女网站免费| 久久亚洲精品无码aⅴ大香| 中文精品久久久久人妻不卡| 国产精品久久久久久| 久久久综合香蕉尹人综合网| 午夜人妻久久久久久久久| 久久精品国产第一区二区三区| 精品久久久久久综合日本| 久久男人中文字幕资源站| 亚洲人成精品久久久久| 2021国产成人精品久久| 老男人久久青草av高清| 久久精品国产91久久综合麻豆自制 | 青青青青久久精品国产| 超级97碰碰碰碰久久久久最新 | 久久久久久午夜成人影院|