幹貨!專為UI設計師整理的25條設計流行趨勢,想知道2018是否會延續2017年的設計方向?和我們壹起來看吧
又壹年過去了,2017有許多設計上的創新,那麽今年又將會出現怎樣的變化呢?我們從2017年的壹些特征中不難發現,移動設計變得越來越重要,這種趨勢將會持續,使諸如響應式標誌這樣的設計越來越被設計師重視。接下來,我們也將會看到更加活力與鮮明的色彩,定制插圖以及更自由的創造力,2018將是更多姿多彩的壹年,下面就是我們對2018年設計趨勢的25點預測。
這種形式就是追求背景色與物體色的壹致,同時在版式設計上使用陰影或3D模型來創造出體量感。盡管這種形式會缺乏對比度,但整體效果非常平滑且充滿了真實體量感,我們會感覺物體要從平面裏跳出來了壹樣。
2017年,我們看到了很多大膽使用色彩的案例,這壹趨勢壹直在延續,並且將會成為今年最重要的趨勢之壹。在這壹趨勢下,這種強烈的色彩以及壹些迷幻的炫彩效果,極受歡迎。
漸變曾是2017年的壹個流行趨勢,而今年這壹趨勢越發火熱,並且變得更加大膽,更加多樣。我們發現了更多在漸變上的創新,比如明亮色彩與多種紋理相結合的效果。這壹趨勢出現在了從品牌到包裝等的所有設計領域。另外,漸變2.0時代還將包括背景漸變,雙色調漸變,多色漸變,圖像疊加漸變等。
今年的潘通流行色是壹些明亮的色彩,其中紫羅蘭色更是備受推崇。紫羅蘭色是壹種偏藍的紫色,它能給我們帶來耳目壹新的感受。許多大品牌也已經開始在他們的品牌中使用這壹顏色了。與此同時,深淺不壹的紫色,藍紫色也很受歡迎。除了紫色外,今年還有壹些流行色分別為:櫻桃番茄色,草地鷚色、石灰潘通色、世外桃源色等。
我們預測雙色調會是2018最流行的趨勢之壹。首先,這不是壹種新的設計形式,它已經存在了幾十年了,Spotify將其重新帶回到大眾的視線中。借助這種形式,妳可以大膽的使用顏色來創造令人難忘的設計。
在過去的兩年裏,我們看到越來越多的3D設計作品。2018年,3D仍將是壹股不容小覷的力量。3D的抽象造型與大膽的色彩相結合,以壹種非常微妙的形式,完美的將虛擬與現實結合在壹起,甚至有時讓妳難分真假。那麽,下面展示的,是壹張圖片還是真實的場景呢?妳能夠分辨出它們嗎?妳是否感覺到它們之間的界限變得越來越模糊了呢
像第6點所說,虛擬與現實的界限越來越模糊,3D設計隨之也遇到了壹些新的挑戰。把有機和無機結合起來,可以賦予3D模型固態金屬的陰影和顏色等,從而使設計效果格外逼真而又迷人。這種效果看起來如此的具象,以至於那些清晰、冰冷、光滑的表面,會使妳產生想要觸摸與感受的沖動,幾乎很難相信,它們只是出現在屏幕上而已。到目前為止,3D在各方面都得到了完善,可以說是有了壹個重大的飛躍,也許在不久的將來,將會出現更多的3D有機形態。
將3D動畫融入到2D平面中,是壹種具有想象力和創造力的設計形式,這樣的形式總是能引發人們的深思。不僅如此,通過給平面添加空間維度,還可以創造出壹些非常獨特的美感,這種設計形式可以應用在logo,網頁,視頻等各種設計領域裏。
我們發現3D數字技術與手工藝術相結合的趨勢愈來愈顯著。手工藝是壹種非常成熟的技術,它能在觸覺上給設計增添壹層有趣的感受。在下面這個由馬克西姆·斯克瑞特設計的例子中,3D模型看起來就像是壹個手工制作的紙質工藝品壹樣。
2018年網頁設計的壹大趨勢是交互式3D設計,這些3D設計在深度、方向、紋理以及視角等方面都表現出了與眾不同的壹面。3D元素和空間的使用使網站獨樹壹幟,增強了網站的設計美學和用戶體驗。例如,Atacac創建了壹個互動式的未來虛擬現實展示廳,讓用戶可以在虛擬的3D場景中探索各種時尚的服裝。另壹個項目是TheArtery公司的動畫和3D雕塑_
近年來,增強現實技術在遊戲領域、視頻領域以及移動應用領域飛速發展。AR在設計領域其實同樣也有很好的發展前景,尤其是在移動設備方面。DIA工作室給我們做了壹個很好的示範,他們將交互式的3D排版應用於日常物品上,這樣的效果令人非常驚艷。
2018年,越來越多的品牌都在追求差異化、品牌化,因此自定義插圖和定制化設計的趨勢應運而生。設計師繪制特色的插圖,以適應不同業務、或滿足不同目標客戶的需求。定制化的插圖不僅增加了趣味性,同時也能給用戶帶來更多的***鳴。
現代設計與復古元素相結合將成為2018年的壹大設計趨勢。80、90年代的色彩和圖案正在回歸現代設計中。
80年代的音樂海報,藝術,電影與時尚都給現代設計帶來了啟發,大膽的色彩應用將我們帶回了舊時代的美好回憶中,引起了很多人的***鳴。
大膽的字體排版可以傳達出強烈而明確的信息。如果妳想要妳的設計脫穎而出,請使用大號字體,並將其與大膽的顏色相結合。在這種設計中,文字變成了主角,每個頁面都具有無法抗拒的吸引力。
此外,2018年,3D字體變得越來越流行。3D字體讓人印象深刻。並缺對於企業來說也非常重要,因為他們是連接與打動用戶的壹個有效的手段。
創意字體的設計同樣是過去幾年的壹大趨勢,並且會在今年繼續流行。如果妳想表達明確的想法,創意字體是最好的選擇。扭曲、破碎、可交互式,2018年在字體方面的試驗肯定會更多。
手繪插畫、3D模型與攝影相結合,這種手法使作品看起來非常的獨特並具有現代感。將插畫/3D元素添加到攝影作品中,無論是時裝攝影、概念攝影或者海報攝影,都能夠使照片脫穎而出。
在傳統的平面設計中添加壹些“調味料”可能是2018的正確方向:陰影的使用使得物體變得更加豐富,並且使對象能夠在不同的層級分離開來。
野獸派意味著使用粗獷的手法以及笨重的排版來抓人眼球。野獸派首先在40年代的建築設計中風行,但現在這種概念又回來了,並且妳會在所有設計領域都看到它的影子。
簡潔意味著幹凈,極簡主義意味著壹個以白色為主,可適用於表現各種功能的簡潔頁面。半扁平的設計可以運用微妙的陰影創造層級,也可以運用到壹些漸變或者鮮艷的顏色,這些將使妳的設計更加醒目和難忘。
過度擁擠的設計已成為過去,因此所有非必要信息都必須為重要信息騰出空間。在信息量不斷增加的2018年,如果我們不想讓用戶在使用中產生疑惑,那麽拆分將會成為設計師的寶貴工具,從而保持對用戶體驗和審美的追求。
他們無處不在。比如光標的交互會給網站的用戶體驗增加壹層新的體驗。用戶通過控制鼠標來觸發定制的交互反饋。在BenMingo的例子中,當光標靠近菜單選項時,交互反饋便開始像“磁鐵”壹樣。光標也可以對不同的動作作出不同的反應,這在WalkingMen的例子中得到了完美的展現。我們對這個領域十分的好奇,想要繼續探索下去。
在壹個越來越重視移動體驗的時代,讓妳的標誌適配到所有類型的設備上是至關重要的。壹個真正的響應式標誌不僅僅是能夠在頁面或者設備上進行放大縮小,它還需要具有壹個非常巧妙的適應性,可以非常靈活的去搭配不同的尺寸結構。
此外,響應式的標誌對於設計師來說也變的越來越重要:壹個品牌無論使用的尺寸與空間,都要能清晰的呈現自身,這對於設計師來說,也將是壹個更刺激的挑戰,響應式的標誌設計在2018不會缺席。
從網站、標識到產品或服務的演示視頻,動態圖形無處不在。動圖可以讓人們更好地理解妳的產品。動圖也出現在版式設計中,例如壹個滑塊上的提示文字或者是壹個動態標誌。
隨著GIF的爆發,動畫在線上的應用也越來越廣泛。使用動態元素(例如banner或頭圖)可以保證足夠吸引眼球。2018年動態靜圖趨勢很可能也會回歸。(壹個靜態圖像中帶有壹個單壹的運動元素,例如壹個靜態的杯子,伴隨著動態的煙霧從裏面冒出)
集成動畫是壹種非常輕微的,持續循環的動畫。無論是正在加載的頁面,或是頁面上運動的元素,都可以通過他們來引導用戶體驗。動畫的出現可以幫助用戶找到與之類似的人物角色,這樣可以加強其與網站的互動。
結語
相較於17年,我們從今年的流行趨勢中能夠看到,18年無論在色彩、布局、形式還是動效上,都是更加多元化的發展。作為壹名UI設計師,當然需要了解設計的流行趨勢,但不能盲目的去跟隨,良好的產品功能以及用戶體驗才是設計的根本,那麽,我們應當如何更好的去運用這些流行來打造出高質量的產品,才是真正值得我們去深思的問題。
本文轉自:UI中國_UBEST
草莓音樂節人物海報生成是怎麽制作的草莓音樂節人物海報生成是制作方法如下。
[打開]PS軟件,[新建]合適大小的畫布。[拖入]背景素材,調整大小排列至合適的位置。按[Ctrl+M]打開曲線。[新建]圖層,使用[鋼筆工具],根據設計思路繪制圖形元素形狀,[填充]紫色。使用[文字工具],輸入文字信息,[字體]EdoSZ,[顏色]白色。根據設計思路調整大小排列至版面合適的位置。[選擇]文字圖層,右擊[轉換為智能對象]。[打開]圖層樣式,添加[顏色疊加]。[復制]圖層樣式,[選擇]其他的文字圖層,右擊[粘貼圖層樣式]。使用[文字工具],輸入輔助文字信息,根據設計思路調整大小和顏色,排列至版面合適的位置。[拖入]裝飾素材,調整大小排列至合適的位置。[新建]圖層,使用[畫筆工具],選擇[手繪筆刷],根據設計思路調整大小,[顏色]黃色,在版面合適的位置添加裝飾元素。根據設計思路,使用[套索工具]套選版面元素多余的區域,按[Delete]刪除。使用[畫筆工具],根據設計思路,在版面合適的位置添加線條裝飾元素。[新建]圖層,使用[畫筆工具],選擇[毛筆筆刷],吸取文字的顏色,調整大小在版面合適的位置塗抹。[選擇]背景素材圖層,按[Ctrl+M]打開曲線。[選擇]關聯圖層,按[Ctrl+J]復制圖層,按[Ctrl+E]合並圖層。[復制]圖層,單擊[濾鏡]-[濾鏡庫],選擇[膠片顆粒],具體參數如圖示。
主要是用鋼筆工具繪制,用圖層樣式制作草莓子效果。
海報設計需要註意什麽在設計海報的過程中,我們時常會遇到各種需要註意的問題。但是沒關系,下面我列舉了幾個特別重要的註意事項,大家照著做壹定能做出絕美的海報哦~
壹、極佳的創意
壹個絕佳的創意會使妳的海報成功壹大半。無論是多麽簡潔的海報,即使只是利用簡單的透視關系與元素都可以輕輕松松直擊觀看者的內心。
下面這兩張海報畫面雖然十分簡潔,但都在有限的空間內,運用上了極佳的創意,完美的詮釋了自家品牌的定位與魅力。
byManuelBorde
二、運用拼貼
設計需要壹定的敏感度,在收集素材時需要敏銳的感知出每個元素之間的關系。循著這種關系我們能夠很自然地去發掘出生活中從未想過的畫面!再運用上巧妙融合的拼貼手法,將素材壹壹拼貼在壹起,絕對能夠最直接擊中妳的感官。
比如,第壹張,小孩的臉與獅子面部完美結合,頭上的玻璃瓶象征著剛剛加冕的皇冠。
《綠野仙蹤》封面
第二張,學者的眼睛與拱門重疊,看起來既像是壹個大鏡框,又像是在比喻通過拱門看見了壹個新世界,不禁讓人聯想翩翩。
三、將相同元素排列出特定規律
將同樣壹種元素利用不同的排列手法,讓他們稱出壹種特定規律,有壹個很大作用就是引導視覺,它讓我們的視線壹步步走向了重要的信息。
讓整個欣賞與獲取信息的過程就像是懸疑解密般直擊人心。
以下密集恐懼癥慎看!!
《DevilintheDetails》封面
四、加入故事元素
在設計電影電視劇海報或是音樂劇海報時,建議加上壹兩個鮮明的故事元素。這個技巧被廣泛應用於懸疑電影、驚悚電影的海報制作中。
這樣做不僅引發了人們好奇心,還能借助故事內容給觀看者“致命壹擊”。
《LOROOFWAR》電影海報
五、色彩要傳遞新意
色彩在設計中有快速表達主旨的用處,比如看到了黃色就會馬上聯想到陽光、香蕉、沙灘等等。
在壹個關於LOGO的記憶測試中,大部分被調查對象重新繪制出來的LOGO雖然不壹定正確,但他們都準確地記憶住了每個LOGO的顏色。
因此色彩的正確運用與否直接決定著這幅海報是夠能夠沖擊到人們!
如果設計師不能正確地去運用色彩,不能把色彩搭配玩出新意,那麽這個海報只能是平平無奇的,甚至是失敗作品。
蘇寧電商購物節海報
希望這五點註意事項能對大家有所幫助~