設計趨勢往往會受到當今主流媒體、技術、時尚趨勢等等影響,設計趨勢一般是慢慢形成的,循序漸進的。當然,隨著時間的交替也會以同樣新舊交替的形式變得落后。2018年的設計趨勢將繼續(xù)延續(xù)2017的網(wǎng)站建設形式,同時也增加了許多新的方式,下面我們就一起來扯一扯。
趨勢一:扁平化、極簡主義設計依然是主流
扁平化相信大家已經(jīng)很熟悉了,概念的核心意義是:去除冗余、厚重和繁雜的裝飾效果,倡導簡單、清晰、空間、留白等,突出核心的設計元素。目前很多app都開始去除多余的線條,通過間距來拉開關系;去icon化也是一種趨勢,開始流行;這些設計行為目的都是為了讓用戶使用時更為直觀和更有目的性,令人滿意的審美趨勢也讓極簡的ui設計擁有良好的用戶體驗。
趨勢二:更大、更粗的字體,留白更多
相信你們很多人已經(jīng)升級了iPhone新系統(tǒng),隨著ios11的發(fā)布,新的設計趨勢也隨之流行開來。如果你熟悉Material Design(以下簡稱MD)的話,ios和Android在設計上正慢慢的靠近。在扁平化設計中,文字排版影響著信息層級展示的清晰與否,通過文字的字號、字重、間距、顏色等對比去建立出清晰的信息層級,而不用太多的裝飾元素。
同樣的,Airbnb也采用了粗標題設計。大標題文本包含一組帶有圖片和描述的文字,文字之間保持較大的留白,看起來它們互不干擾,又不會令界面看上去顯得松散,因而帶給用戶非常輕松的瀏覽體驗。
趨勢三:icon圖標的變化,由線轉面
自ios7開始,蘋果規(guī)范了2px的線性圖標;到了ios10中,線性圖標的選中狀態(tài)變成背景填充樣式;而在現(xiàn)在的ios11中,采用了面性圖標,未選中和選中狀態(tài)只有顏色上的區(qū)分,并且圖標更加圓潤,目前這種設計,國外的app用的比較多,國內(nèi)還相對比較少見,采用ios10的樣式較多。
趨勢四:給icon圖標加上動效,更加有趣味
趨勢五:icon的細節(jié)刻畫越來越重要
目前icon的設計已經(jīng)不單單只滿足于簡潔易懂為前提,同時細節(jié)的設計也十分重要。在色彩上可以加以漸變,線性圖標也可以加以色彩的對比等等,會顯得icon是精心設計過的,帶給用戶的感受也會上一個檔次。
趨勢六:卡片、投影相結合
ios11中采用了大圓角卡片設計,它不再像過去MD中的小圓角那樣呆板,大圓角讓設計更加輕快大氣。相信大家已經(jīng)看到了很多卡片都使用了投影這一手法,輕微的、似有似無的投影,不會被用戶立即察覺,但是會給設計增加深度,形成層疊的關系,更加醒目,可以更好的抓住用戶的注意力。
趨勢七:漸變色當然依舊十分流行
漸變色是今年最大的趨勢之一,開始于16年,Instagram將自己的logo改變成漸變色,這一趨勢便開始流行,國內(nèi)的app也開始效仿,目前淘寶、QQ等狀態(tài)欄就是使用自己的品牌色進行漸變。在設計漸變色的時候,要做到色彩的過渡柔和,顏色明快,避免生硬,可以有效的提升用戶體驗。
趨勢八:3D效果正流行
今年C4D大熱,相信大家已經(jīng)感受到了,今年雙十一很多商家都使用了3D效果,有的還加上了動效,可以讓你全方位、多角度、更加真實的觀察商品。目前還不會C4D的設計師們,為了提升你的競爭力,有必要學起來了,畢竟技多不壓身。
趨勢九:插畫風格也是大趨勢
插畫風格運用的越來越廣泛,適用于app當中的啟動頁、缺省頁、banner圖、專題頭圖、彈窗插畫、icon等等,運用時要和app的整體風格搭配,有趣味、富有創(chuàng)意的插畫會讓用戶對app的好感大幅提升。
btw,今年比較流行的孟菲斯風格設計,我個人也很喜歡,在地鐵站看見各大品牌掛出的海報十分搶眼。該風格色彩比較鮮明、活潑、多采用高飽和色彩,18年估計還會繼續(xù)流行一陣。
趨勢十:交互動效一直很重要
交互動效越來越多的使用在ui設計中,它對于產(chǎn)品設計的作用包含:傳遞層級和狀態(tài)信息,好的動效應該是隱形的,以提高可用性為前提,提升體驗為目的。它的幾點特性:快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺效果。
趨勢十一:響應式設計
隨著移動端的增長,手機已經(jīng)超越了pc機作為日常瀏覽網(wǎng)站的第一選擇,Google推出的MD響應式柵格系統(tǒng),由于人力成本過高,國內(nèi)大部分網(wǎng)頁都沒有做,國外采用響應式設計的網(wǎng)站有:Youtube、Spotify、Behance…國內(nèi)的有京東、騰訊視頻等。這種響應式設計確實比較復雜,但是這個趨勢會一直繼續(xù)下去,對于產(chǎn)品、公司而言,還是需要量力而行的進行升級。
趨勢十二:VR/AR/VUI是未來的大趨勢
眾所周知,現(xiàn)在VR(虛擬現(xiàn)實)和AR(增強現(xiàn)實)大火,它倆的核心都是計算機視覺。VR目前在娛樂領域被使用,而AR將會真正影響我們的工作和生活,多用于多媒體、市場營銷、教育等方