各位船員, 我們的浪設(shè)計號船就要開船啦! 今天你們的小浪郎 “我” 又要幫大家漲姿勢了 正文共:6817字 115圖 預(yù)估閱讀時間:17分鐘 文章轉(zhuǎn)自:蘑菇的溫室(ID:withmogu) 專注于數(shù)字設(shè)計的 MILO Design Studio 最近每年都會整理一份未來一年的設(shè)計趨勢預(yù)測,2019年也不例外。 MILO 的設(shè)計師們通過觀察世界知名設(shè)計機(jī)構(gòu)的作品以及今年各大設(shè)計比賽的獲獎作品,深入分析了色彩、字體、排版、形狀等元素,總結(jié)預(yù)測了新一年可能出現(xiàn)的設(shè)計趨勢。 這份指南既分析了總體的趨勢,又分別囊括了 UI/UX 設(shè)計、字體排印、品牌和logo設(shè)計、包裝設(shè)計等細(xì)分領(lǐng)域,滿滿都是干貨。 ★ 定制插畫(Custom Made Illustrations) 最近的調(diào)查顯示,使用定制插畫的效果比使用圖庫照片要好上7倍。一張色彩大膽的獨特插畫能讓商品脫穎而出,一位優(yōu)秀的插畫師能根據(jù)品牌的調(diào)性和需求創(chuàng)作出充滿活力的插畫。 Author: Leo Natsume - Project: Estad?o Marcas + Brand illustrations Author: ChocoToy cute - Project: Golden Flavors Author: Gabriel Lam - Project: Join.Chat - A Design Story 1.1 大膽的色彩(Bold Colors) 在 2018 年里就有不少設(shè)計師使用鮮艷的色彩,這個趨勢在 2019 年會更加流行。甚至設(shè)計師們的作品上會出現(xiàn)過飽和的色調(diào),色彩會變得更加大膽。此外,Pantone 也已經(jīng)公布了它們對 2019 年色彩趨勢的預(yù)測。所以今年,如果想要讓你的作品或品牌脫穎而出,就使用大膽的色彩吧。 Author: Vladimir Lifanov, Aslamova Viktoriya - Project: Loudhead Author: Van Orton Design? - Project: Billboard·2018 Author: Sagmeister & Walsh - Project: BABOON 1.2 不對稱(Asymmetry) 大多數(shù)人聽到「不對稱」時會想到不平衡,但「不對稱」遠(yuǎn)不止如此。設(shè)計師可以通過刻意避免傳統(tǒng)的平衡,用不對稱來創(chuàng)造和諧、平衡整個構(gòu)圖。你可以嘗試平時使用的元素,如排版、幾何形狀或3D渲染,來創(chuàng)造獨特的效果。記住,用戶的眼睛首先看到的是畫面上較大的元素,以此類推。 Author: CFC - Project: EASY PEASY Author: Jason Miller, Mother Design - Project: AIGA 1.3 動畫(Animations) 網(wǎng)站、廣告或 App 設(shè)計中的小動畫可以讓用戶與你所宣傳的內(nèi)容有更多的互動。這種類型的動畫可以整合在所有媒體中。 Author: Markus Magnusson - Project: Astronaut Author: Markus Magnusson - Project: Channel Surfing Author: Aleksey Vasiliev - Project: Flowers 1.4 折衷主義(Eclectic) 從廣泛的、不同的來源融合出新的想法,可以誕生出驚人的效果。折衷的設(shè)計方法可能極具挑戰(zhàn)性,但它絕對可以為項目帶來獨特的外觀標(biāo)識。 Author: Maxime Francout - Project: Festival International de Jazz de Montréal Author: Caroline Blanchette, PINCH Martin Tremblay - Project: O L A B_Contessa Author: Marion Ben-Lisa - Project: FêTE DE TROP 1.5 漸變(Gradients) 漸變在 2017-18 年已強勢回歸,在 2019 年也依然占有一席之地。隨著 Apple、Instagram 等品牌在自己的宣傳中使用這個效果,漸變在接下來的一年中絕對是個不錯的選擇。 Author: Vasjen Katro - Project: Baugasm Season #3 Author: Mateusz Machalski - Project: Selfie – Exhibition ID Author: Belu — - Project: Hedgehog Fibres 1.6 等距插畫(Isometric Design) 等距插畫一直存在于過去幾年的趨勢里,2019年隨著插畫占據(jù)所有設(shè)計領(lǐng)域,等距插畫依然是設(shè)計趨勢中不可或缺的一個。 Author: MORPHINE Motion Graphics - Project: McDonald's Monopoly Author: Mohamed Samir - Project: Fast Company - 100 Most Creative People 2018 Author: Cristian Malagón Garcia, Núria Madrid - Project: Increment Mag issue 4 1.7 增強現(xiàn)實(Augmented Reality) AR 增強現(xiàn)實技術(shù)正在 web 設(shè)計、app 設(shè)計等領(lǐng)域嶄露頭角。許多線上商店也嘗試在網(wǎng)站中加入增強現(xiàn)實技術(shù)。這是一個相對較新的趨勢,2019 年可以繼續(xù)關(guān)注。 Author: Clémence Gouy - Project: PHILHARMONY - Poster Series Author: Manon Louart - Project: Mon Papi 1.8 自然的照片(Natural Looking Photos) 使用典型的圖庫照片的時代已經(jīng)過去了,現(xiàn)在設(shè)計師們在尋找更自然的照片,或者說是看起來不像圖庫照片的圖庫照片。 Source: unsplash.com - Photo by: Ivana Cajina Source: unsplash.com - Photo by: Charles Deluvio 2.1 移動端優(yōu)先(Mobile First) 隨著谷歌優(yōu)先索引響應(yīng)移動端的網(wǎng)站,不難看出移動端優(yōu)先的網(wǎng)站設(shè)計原則是一大重要趨勢。設(shè)計師要從為移動端用戶設(shè)計網(wǎng)頁開始,而后在此基礎(chǔ)上創(chuàng)建一個同樣適用于桌面用戶的版本。 Author: Milo Themes - Project Etopium UI/UX Author: fps ecosystem - Project: Budapest Park website redesign 2.2 負(fù)空間(Negative Space) 少即是多。所有設(shè)計領(lǐng)域都運用了負(fù)空間,但主要還是在網(wǎng)頁設(shè)計和應(yīng)用程序設(shè)計上。 Author: Alexander Plyuto - Project: ZIPL v 3.0 2.3 定制插畫(Custom made illustrations) 正如前面所言,定制插畫是近幾年流行的主要趨勢。從著陸頁(landing page)到整個網(wǎng)站,定制插畫正在席卷整個網(wǎng)頁設(shè)計行業(yè)。 Author: Daniel Tan - Project: My Portfolio Website Author: Nimasha Perera - Project: Illustration Pack 2.4 直觀的圖標(biāo)(Illustrative Icons) 人們總是自然地將充滿活力的線性圖標(biāo)與提供的服務(wù)聯(lián)系在一起,這可以用來建立視覺層級,同時突出你希望用戶關(guān)注的區(qū)域。 Author: Netguru Team - Project: Trello Atlassian - Redesign Author: Denis Shepovalov - Project: Illustration Constructor 2.5 流體、幾何&不對稱形狀(Fluid, Geometrical & Asymetrical Shapes) 流體形狀并不新鮮,我們在 2017、18 年已經(jīng)看過不少,接下來還會出現(xiàn)更多。結(jié)合大膽的色彩和強烈的漸變,流體形狀會是 2019 年網(wǎng)頁設(shè)計的一個基本趨勢。 Author: Mariusz Mitkow - Project: LuxuryClean UI/UX iOS App Author: Tal Midyan, Lillie Ferris - Project: PharrellWilliams.com 2.6 視頻背景(Video Background) 研究表明,網(wǎng)站上的視頻可以提高轉(zhuǎn)化率。視頻可以幫你快速傳達(dá)信息,并讓用戶在網(wǎng)站上停留的時間更長。 Author: Agency lg2 - Project: Vacances Air Canada | Digital Experience | lg2 2.7 動畫(Animations) 動畫今年十分火爆,在網(wǎng)站、廣告、app 設(shè)計中都能看到。不論是一個平滑的過渡動畫還是一個不錯的懸停效果,都能讓一切變得不一樣。 Author: Dannniel - Project: HQ Launch Animation Redesign Author: Stan Yakusevich - Project: Mi Smart Home Author: Leo Natsume - Project: Destination for the trash 2.8 微交互(Micro-interactions) 微交互是在 App 上用來創(chuàng)造微妙視覺效果的小動畫。今年,我們會比以往任何時候都更重視這些微交互,甚至可以發(fā)現(xiàn)每個UI元素后都隱藏著動畫,不管它有多小。 Author: Oleg Frolov - Project: Microinteractions V Author: Dannniel - Project: Tab Bar Cube Interaction Author: Mauricio Bucardo - Project: Navigation Interaction Author: Vlad Fedoseyev - Project: Tabbar Exploration 2.9 用大膽的字體替代圖像(Bold Fonts instead of images) 隨著字體排印越來越受到人們的關(guān)注,許多像蘋果這樣的巨頭都選擇通過大膽的字體排印來表達(dá)自己的觀點。在許多情況下,字體排印正在取代圖像。 Author: Yi Shi - Project: Yi Shi Portfolio Author: Hrvoje Grubisic, Bornfight Company - Project: Bornfight — Digital Innovation Company 2.10 打破網(wǎng)格和重疊元素(Broken Grid & Overlapping Elements) 重疊元素在過去幾年的網(wǎng)頁設(shè)計中一直存在,結(jié)合打破常規(guī)的網(wǎng)格,可以創(chuàng)造出一個獨特而有新意的布局。不過可別忘了在移動端的體驗。 Author: Slava Kornilov - Project: FRASH Canada Author: Ovik Mooshlyan - Project: Cittá | Furniture website concept Author: Soongyu Gwon, D.FY creative studio - Project: The D.FY you know, but better. 2.11 3D 插畫(3D Illustrations) 在過去幾年里,3D 插畫有了很大的發(fā)展,許多大品牌在產(chǎn)品的包裝設(shè)計等使用 3D 渲染,比如運動鞋、運動裝備等。 Author: Yambo Studio - Project: Google Cloud 2018 Author: Apus Agency - Project: Teleset Plus. Telecommunication company 3.1 更大.更大膽.更好(Big.Bold.Better) 字體排印越來越大、越來越大膽,我們可以在每年的趨勢預(yù)測中看到。使用大的字體排印的正確方式是:極簡,否則這個設(shè)計可能會變得擁擠且喪失吸引力。 Author: Murmure · - Project: Trempo Author: Gabriel Figueiredo - Project: GRAúNA / Typeface Author: Morgan Stephens - Project: Women‘s Foundation 25th Anniversary Campaign 3.2 定制字體(Custom Made Fonts) 許多大品牌都有自己的定制字體,以確保獨特的辨識度。 Author: Hans Christian ?ren - Project: Nike custom typeface 4.1 使用色彩通道(Working with Color Channels) 盡管在 2018 年我們已經(jīng)看到很多這樣的趨勢,它在 2019 年仍然是新鮮的。使用色彩通道可以創(chuàng)建出令人驚艷的視覺效果。 Author: Melissa Baillache, Jason Little, Johanna Roca - Project: Queensland Theatre 2019 4.2 品牌設(shè)計使用插畫(Illustrations in Branding) 我們可以在所有設(shè)計領(lǐng)域里發(fā)現(xiàn)插畫的運用,而且非常喜歡。一個好的插畫絕對可以為任何藝術(shù)海報、品牌標(biāo)識或印刷品提供一致性。 Author: Tracy Thanh Tr?n - Project: MOSAIC – Fictional Nation Branding Author: our own night - Project: Concept Art/ NIKE WOMEN Author: Mustafa Akülker, MONAJANS ? - Project: La Casiana Coffee Branding 4.3 動態(tài) logo(Animated Logos) 既然動畫已經(jīng)滲透到所有設(shè)計領(lǐng)域,當(dāng)然也不得不提標(biāo)識設(shè)計??纯催@些驚艷的 logo: Author: Artem - Project: Osmo Author: Balkan Brothers - Project: Patch Author: Jelio Dimitrov - Project: Pixelpal 5.1 大膽的色彩(Bold Colors) 這個趨勢在近幾年的包裝設(shè)計中越來越流行,在 2019 年更是一個重要部分。 Author: ohSeven studio - Project: ETUDE HOUSE Author: ivory ho - Project: 陽光菓菓 果乾包裝 Author: Christopher Stanko - Project: T2 Tea Core Range 2018 5.2 非傳統(tǒng)材料(Non-traditional Materials) 使用不同尋常的材料來創(chuàng)造令人驚嘆的產(chǎn)品,讓包裝設(shè)計成為一個杰出的領(lǐng)域。零廢棄、可降解生物材料、可食用包裝、對音樂有反應(yīng)的材料、纖維素包裝等被越來越多創(chuàng)新品牌所使用。 Author: fagerstr?m ? - Project: unPacked Author: Jerome & Zimmerman, Antonio R Ayala, Sofía Maltos, Lorena Amaya, Luis De Hoyos Altamirano - Project: Brives 5.3 天然材料(Natural Materials) 木材等天然材料將永遠(yuǎn)是包裝設(shè)計的趨勢。皮革、木材、厚紙板或再生材料制成的纖維素都是包裝設(shè)計中會用到的天然材料。 Author: Jerry Chiang - Project: Kins Author: Razom Studio - Project: TAKAVA 5.4 大字體(Big Fonts) 正如前面提到的,使用大的字體排印是 2019 的絕對趨勢。一個強有力的字體足以創(chuàng)造出一個大膽的包裝。此外,使用大寫字母和小寫字母混搭,也可以贏得關(guān)注。
Author: Firmalt ? - Project: Maraca 5.5 極簡主義(Minimalism) 少即是多!盡管在包裝上呈現(xiàn)大量文本或不同字體可能會很誘人,但這可能也會造成一個混亂的設(shè)計。 Author: F61 Work Room, Anatoly Vasiliev, Alan Bur - Project: Gelateria Di Neve Author: Morgan Stephens - Project: Vineoh! Author: Erik Musin, Timofei Popandopulo, Aleksey Zadorozhnyi - Project: J. Curl 5.6 插畫(Illustrations) 如同開頭所提,插畫占領(lǐng)所有設(shè)計領(lǐng)域,包裝設(shè)計也不例外。 Author: Meroo Seth, Nachiket Jadhav - Project: Auster Packaging Author: Andreas Roosson - Project: coffee beans Author: Joanna Lisowiec - Project: Folklore Society Gin MILO 的設(shè)計趨勢中還有一部分關(guān)于動態(tài)圖像設(shè)計,包括三個趨勢:顆粒效果、平面2.5D動畫、3D插畫動畫,這里就不詳細(xì)展開。 希望這份 2019 年設(shè)計趨勢能對你有所幫助! 原文鏈接:https://www./gallery/71481981/2019-Design-Trends-Guide |
|