午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

首頁

學會版式的N個Tips| 這些排版細節,精致顯高級

藍藍設計的小編 平面設計

這期內容依然是關于設計中的細節處理。基于我平時的工作經驗,下面給大家整理了10個排版小貼士,希望能為你帶來幫助。

 

 

 

 

 

 

 



作者:周妙妍
鏈接:https://www.zcool.com.cn/article/ZMTU0MzkwMA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

蘭亭妙微(m.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

如何提升排版設計感?你需要知道的文字編排技巧

天宇 平面設計

關于文字編排的幾條小建議。

排版,或者說對文字的編排,不應該只是平面設計師才需要具備的設計能力。在互聯網設計大行其道的背景下,我認為不同方向的設計師都應該或多或少的具備一定水平的排版功底。能把排版做好,除了有助提升綜合設計能力之外,對自己作品的展示,也能夠起到錦上添花的作用。以下介紹幾個文字編排的小技巧,有助快速提升版式設計感。

 

一、重復

重復在版式設計中是指統一與增強,即重復使用顏色、字體、圖形等講究條理性與統一性;重復出現的顏色、字體與圖形能夠有突出與強調的作用。

在這里我們只針對在文字編排中,如何使用重復來編排文字,從而提升版式的設計感。

通過上圖的案例,我們將文字進行重復的編排之后,除了讓畫面更加飽滿規整之外,既能展示完整的星球圖案,文案也一定程度得到了加強,也使得主題更加明確,氛圍感更強。

 

 

二、描邊

在文字的編排中,描邊的使用,多用在背景點綴與副標題上。在上文對文字重復的編排中,也使用了文字描邊的處理,這也說明了設計師在設計的過程中需要根據具體情況,找到適宜需求的設計方式。

 

用描邊處理對文字進行編排,我們可以看到,描邊大多用在了輔助文字上,且被用來充當畫面點綴物。原因在于文字失去填充之后,可讀性會大幅度降低,就會失去文字用于承載信息的作用,所以我們在用描邊對文字進行編排的時候,要盡量避免將其用在主標題或者重要的文字信息上。

使用文字描邊去編排的好處是,當我們在設計的時候發現畫面太空曠,且沒有其他元素可以編排時,用這個方式豐富畫面,除了提升設計形式感之外,也可以讓我們一切的設計元素都有合理的來源,而不是隨機的添加突兀元素。

 

 

三、字距

字距,即文本中兩個字之間的距離。在長文本的文字排版時,我們很少會主動去控制文字間距。因為在一款字體被設計出來時,它的默認字距是經過設計與驗證過的,是最適合閱讀的字距。

但我們在版式設計中,為追求設計形式感,在文案較少的情況下,會對短文本或單一大標題的字距進行調整。原因在于短文本或大標題一般字數較少,閱讀負擔也相對較輕,所以可以接受對其字距進行適當的人為控制。

通過以上兩個字距編排案例的對比,可以發現錯誤編排忽略了文字閱讀性,在控制字間距的時候需要在形式感與實用性進行平衡。

 

 

四、繁體

中文繁體,從字型上相較簡體而言,筆劃會相對飽滿與均衡,文字排版使用上也會使版面更加規整。但從使用習慣來說,在做面向內地市場的設計時,繁體的使用需要反復斟酌,避免使用過于生僻的繁體,且盡量多用在短文本或標題。

從上圖案例可以看出,簡體中文的“二零·二一”雖然在閱讀習慣上會相對順暢,但單從文字編排來說,筆劃相差巨大,會造成視覺傾斜,看起來有些失衡。改成繁體中文“貳零·貳壹”,字型筆劃更加均衡飽滿,且文字也沒那么生僻,可閱讀性依然可以得到滿足。

 

 

五、斷句

對文案進行斷句,在重點部位進行定位打斷,然后在文字編排時體現出來。以此來制造視覺停留,故意發生不連續性的閱讀,讓閱讀落在重點部分。

斷句編排,可以看得出在版面受限制的情況下,是一個非常好用的編排方式,可以將主標題與副標題拉開差距,而且還能制造視覺重點。

 

 

六、填充

將適合主題的圖案(圖片)填充進文字,在設計風格與調性適合的條件下,盡可能選擇稍粗字體,以便展示圖案全貌,如果能看清圖案全貌的話,也能起到強化設計風格的效果。

找一張精致且符合設計調性的圖片,將它填充進文字,就能起到上面案例的效果。突出了標題,即不影響閱讀性,也強化了畫面整體效果。

 

 

七、裁剪

對字體進行裁剪和切割,是編排文字的常用手法,讓字體形成缺口或錯位,以此來創造形式感。但在裁切之后,缺失的筆畫會一定程度影響文字的閱讀性。所以在裁切時要注意保留文字的筆畫特征,盡可能的降低裁剪對文字可讀性的影響。

字體裁剪和切割的編排方式,大多用在相對比較大的字號上,原因在于字型被改變之后可讀性會減低,而相對較大的字號,可以彌補字型筆劃缺失帶來的可讀性降低。

 

 

八、空間

在平面的文字編排中,制造空間感的方式,主要依靠層級的疊加。營造出前后錯落的視覺感受,以此來突出我們要傳達的主體信息。

層次的區分,除了前后關系之外,還要對大小與顏色進行區分。盡量明顯的對比,以便拉開文字之間的層級關系。

 

 

九、實踐應用

接下來,可以試著運用上面的編排方式,來做一張最近很流行的酸性設計風格的海報。具體如何編排文字,當然是先把文字隨便排進版式中,然后再對版式的文字進行編排。

下圖是作者按照上面文字編排技巧,花了十幾分鐘做出來的海報,你也可以動手試試~

文字編排也是一門創作藝術,遠不止上文所提到的這幾種方式。本文只是列舉了幾種常用的方法,希望能對大家有所幫助



作者:zzyung
鏈接:https://www.zcool.com.cn/article/ZMTIzNjUwMA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

蘭亭妙微(m.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

做設計這么久,還是這個技巧實用

天宇 平面設計

重復原則是經常提到的一個概念,在設計中用到的也是非常廣泛

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

 

開篇前言

希望大家在牛年里都能實現自己的小目標

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

 

先簡單看看重復圖形在海報中的應用

這幅Nike的海報是將文字作為圖形進行設計

置入到幾何形中,形成統一,細節上進行特異性來表現

 

這幅海報更多的是不規則的幾何形進行組合,主要信息用白色矩形承載

形成特異性,能明確表達傳達的信息

 

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

還有很多主視覺都是用單元形拼湊成的,多學學Ai技巧用到設計中很重要

 

而字體設計中我們是不是見過這種

用幾何形來進行設計

這些都是重復圖形在設計中的應用

這種方法能夠幫我們發散思維

更好的掌握構成知識

 

Round 1

↓↓↓

 

下面我們用幾何形設計一幅海報

主題為重陽節

字體先用三角形和矩形進行設計

 

首先將筆畫用圖形代替

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

 

確定好主視覺位置,對畫面進行空間劃分

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

那么接著用幾何圖形將空間填補

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

要注意元素之間的節奏性

接著我們對信息進行處理,做好信息之間的對比

 

然后將一部分幾何形去除

把我們需要的信息放到相應的位置即可

加上噪點效果增加質感

 

最后我們加一個帶場景的樣機效果 

 

Round 2

↓↓↓

 

如果用到商業海報中能不能用這個思路呢

我們一起來看看

嚯哈~

 

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

 

 

顯然是個家裝的海報,全屋定制

盡量要高級一點

 

再來看看客戶提供的圖片

 

 

 

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

我們就分成多個矩形塊來嵌入圖片

 

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

 

 

接著我們對信息進行處理

文字選用宋體,凸顯品質感

 

信息之間都做個小對比

 

 

中文配英文,標題配符號,這個是要點,記住了啊

 

 

接著我們將主標題和主圖放到相應的位置

接著將剩余信息放進相應的空間

由于整體色調偏低飽和度,這里背景我們選用藍灰色

 

 

最后看這個畫面,是不是左下角還有點空

而且氛圍感不夠

這時候我們加上一些裝飾

再安排一個小沙發,畫面就完成了

 

 

 

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

新的一年,立個小目標

爭取把學到的東西轉化成自己的,才是真正的進步



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

蘭亭妙微(m.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

平面設計:創意與視覺的交響

藍藍設計的小編 平面設計

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

設計優化實例:如何讓畫面飽滿?

資深UI設計者

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

奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?

ui設計分享達人

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


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

藍藍設計(m.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

 

潮流風格平面設計案例

前端達人

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


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

藍藍設計(m.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

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

前端達人

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

藍藍設計(m.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發



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

當設計遇上AI——百度APP裝扮體驗AI創新探索

前端達人

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


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

logo設計全流程及案例分析

博博

作者:陽陽設計師
來源:知乎

一、前期調研

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

調研有助于我們對企業的文化、核心、價值觀、產品等方面進行全面的了解。根據企業客戶的消費行為、喜好,競爭品牌進行分析總結,有針對性的制定創意和設計方案,避免與其他品牌“撞臉”。

給大家介紹幾個我經常會遇到的研究方法:

1. 用戶采訪

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

客戶案例

2. 領域調研

很多客戶表示不了解,為啥設計師可以設計各個行業的logo,甚至很多客戶只找做過他們這個行業設計的設計師,其實大可不必這樣,因為一個成熟的設計團隊,做設計前都會對這個企業進行系統的領域研究,況且任何一個團隊也不可能做過所有行業的設計。所以我們常常通過調研系統的了解企業及其上下游的品牌特征,并對此進行拓展梳理,而設計語言與方法是相通的,越成熟的設計師越能進行精準的設計。

(如該領域的視覺偏好是什么,對企業環境及產品進行實地考察,其他競品的品牌符號有什么共性和區別,企業符號可以從哪些視覺方面進行表達等等)

3. 關鍵詞頭腦風暴

以最近給客戶做的一個項目“食品加工器械”的logo設計為例,針對這個關鍵詞我們可以想到什么?“機械、科技、食品、高端”等等,根據這些詞匯,我們再次聯想,拓展出二級、三級的詞語,最終找出整個思維導圖中最具創新性并符合客戶定位的關鍵詞。

客戶案例

4. 其他方式

其實可用的方法還有很多,如:實地調研法、抽樣調研法、統計調查法、文獻調研法等,在這里就不一一列舉了。

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

5. 案例分享

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

進行了大量調研,我們才有足夠的話語權進行創作。我們根據調研的結果,找出最能體現品牌價值的創新點,再開始進入設計過程。

二、繪制草圖

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

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

挑選最優方案后,我們才開始進行Logo的下一個階段——成稿制圖,而且會推進幾個可行性較高的方案,這樣在提案時,方便客戶進行選擇。

三、成稿制圖

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

實際制圖只是將我們頭腦中的想法表現出來,因此這一步驟僅占設計過程的十分之一。

四、細節優化與調整

經過之前的努力,到這時,基本設計方案已經完成。這一階段主要針對Logo的細節、外形、顏色等方面進行調整。力求設計感、藝術感、實用性相統一。

案例分析

我們來看看蘋果公司是如何做的:蘋果公司在Logo設計時,將圖形定義為一個蘋果。但當Logo制作出來以后,圖形的辨識度并不高。為了增強圖形的識別性,避免讓消費者誤認為是“櫻桃”,設計師決定在Logo圖形上增加更多的趣味性,于是“被咬了一口的蘋果”應運而生,可見細節修改至關重要。

另外,在基本方案完成的基礎上,設計師會制定Logo使用規范,確保Logo在延展應用過程中能夠保持高度的品牌辨識度。

以麥當勞為例,在品牌升級前,麥當勞長久以來并沒有制定一個嚴格統一使用規范,不同國家地區的麥當勞Logo也并不相同,這對于麥當勞塑造品牌形象是非常不利的。

因此,麥當勞制定了一系列的標志應用規范,此后視覺上,統一規范的麥當勞變得更加具有辨識度。

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

為使Logo設計更理性、科學、美觀,我們常常通過黃金分割比例來構建Logo。當事物之間各部分的比例呈現1:0.618的比例時,最能引起視覺上的美感,這一比例充滿了理性與感性的統一。良好的比例關系在復制和傳播的過程中更加方便快捷,也使后期的加工制造過程更加精準。

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

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

五、Logo案例分享

1. 百事可樂logo

2006年,百事可樂花費100萬美元升級了logo。當品牌視覺手冊發布之后,甚至有網友調侃“看完百事的logo設計,終于明白logo的設計費為什么這么貴了。”

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

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

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

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


2. 蘋果logo

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

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

作為一個科技公司的logo,極具科技感的藍色與邊角處高光、陰影等細節為Logo營造出了立體感。

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

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

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

簡約、易記的logo圖形,也向我們展示了近年標志發展簡約化的設計趨勢。時至今日,蘋果仍延續這一Logo。

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

因此一個好的logo設計是一定要給logo預留足夠多的延展空間的


3. 騰訊logo

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

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

由于漢字都是方正的,因此,在漢字的世界中,斜體漢字的概念聞所未聞。由于斜體的漢字很難依靠傳統的字體結構。在文字的正負形、筆畫、空間美感方面,設計師需要把握平衡與速度之間微妙的制衡。

在字體的筆畫末端進行切角處理。使文字更具力量感與速度感。“騰訊”兩字也做出了細微的調整,從筆畫、間隔到轉角弧度都發生了變化。

騰訊旗下產品眾多,但風格形式都各不相同。“騰訊字庫”有助于這些項目在視覺形象上的統一。

Logo整體顏色也變成了高明度的藍色,這個顏色是與色彩機構潘通合作,定制了品牌標準色。藍色取自海洋與天空,蘊含著極致的理性,體現了對技術精益求精的追求。

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

由此,還進行了一系列應用部分的延展。


4. 小米logo

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

 

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

作為設計行業的領軍人物。原研哉致力于在設計中融入東方美學的概念,將復雜的事務化繁為簡。深度理解小米“以科技創造美好生活為使命”的品牌理念后,原研哉提出“探索科技與生命的關系”融入“ALIVE”的概念,即接近生命的形態。

Logo中融入最具中國特點的“人情味”,整個logo歷時三年,讓小米的Logo具有了煙火氣息,這也符合小米致力于發展一種高品質、常態化生活的品牌調性。

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

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

在沿用橙色作為品牌標準色的基礎上,融入了具有科技感的黑色與銀色作為輔助色,保持識別性的同時也注入了新的活力。

 

5. 麥當勞logo

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

 

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

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

時至今日,麥當勞形成了強大的品牌識別符號。簡約的“m”更具記憶點。

 

藍藍設計(m.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

日歷

鏈接

個人資料

藍藍設計的小編 http://m.gerard.com.cn

存檔

主站蜘蛛池模板: 星空无限传媒视频在线观看视频 | 野花日本大全免费高清完整版 | 一区三区三区不卡 | 99精品免费观看 | 伊人久久大香线蕉综合影 | 岳打开双腿开始配合日韩视频 | 日韩亚射吧 | 亚洲视频国产在线精品 | 国精产品一区一区三区有限公司 | 国产精品视频人人做人人爽 | 综合人妻久久一区二区精品 | avv天堂| 国产视频这里只有精品 | 印度人XXx | 饥渴难耐的浪荡艳妇在线观看 | 长篇高h肉爽文丝袜 | 国产精品一区二区AV交换 | 国产女人视频免费观看 | 暖暖日本手机免费完整版在线观看 | 欧美成人性色生活18黑人 | 成年性生交大片免费看 | 久久免费黄色 | 依人青青青在线观看 | 精品国产乱码久久久久久夜深人妻 | 免费一级毛片在线观看 | 玩弄放荡人妻一区二区三区 | 国产福利一区二区精品 | 内射少妇三洞齐开 | 琪琪伦伦影院理论片 | 亚洲乱亚洲乱妇在线观看 | 中文字幕久久熟女人妻AV免费 | 麻美ゆま夫の目の前で犯 | 国产成人亚洲精品午夜国产馆 | 亚洲精品AV无码永久无码 | 亚洲蜜桃AV永久无码精品放毛片 | 国产婷婷综合在线视频中文 | 色怕怕| 99国产精品偷窥熟女精品视频 | freehd另类xxxx喷水 | 99热在线视频这里只精品 | 国产成人高清视频 |