很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請(qǐng)把文章發(fā)送到郵箱tougao@appcpx.com，一經(jīng)錄用會(huì)有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒?qǐng)聯(lián)系：鳥哥筆記小羽毛（ngbjxym）
設(shè)計(jì)趨勢(shì)往往會(huì)受到當(dāng)今主流媒體，技術(shù)的發(fā)展，時(shí)尚趨勢(shì)等等影響，設(shè)計(jì)趨勢(shì)一般是慢慢形成的，循序漸進(jìn)的。當(dāng)然，隨著時(shí)間的交替也會(huì)以同樣新舊交替的形式變得落后。2018年的設(shè)計(jì)趨勢(shì)將繼續(xù)延續(xù)2017的設(shè)計(jì)形式，同時(shí)也增加了許多新的方式，下面我們就一起來扯一扯。
先來看一下整體目錄：
(聲明：本文展示圖片來源于網(wǎng)絡(luò)和應(yīng)用截圖，如有侵權(quán)，請(qǐng)聯(lián)系刪除)
一、扁平化、極簡(jiǎn)主義設(shè)計(jì)依然是主流
扁平化相信大家已經(jīng)很熟悉了，概念的核心意義是：去除冗余、厚重和繁雜的裝飾效果，倡導(dǎo)簡(jiǎn)單、清晰、空間、留白等，突出核心的設(shè)計(jì)元素。目前很多app都開始去除多余的線條，通過間距來拉開關(guān)系；去icon化也是一種趨勢(shì)，開始流行；這些設(shè)計(jì)行為目的都是為了讓用戶使用時(shí)更為直觀和更有目的性，令人滿意的審美趨勢(shì)也讓極簡(jiǎn)的ui設(shè)計(jì)擁有良好的用戶體驗(yàn)。
二、更大 更粗的字體、留白更多
相信你們很多人已經(jīng)升級(jí)了iPhone新系統(tǒng)，隨著ios11的發(fā)布，新的設(shè)計(jì)趨勢(shì)也隨之流行開來。如果你熟悉Material Design（以下簡(jiǎn)稱MD）的話，ios和Android在設(shè)計(jì)上正慢慢的靠近。在扁平化設(shè)計(jì)中，文字排版影響著信息層級(jí)展示的清晰與否，通過文字的字號(hào)、字重、間距、顏色等對(duì)比去建立出清晰的信息層級(jí)，而不用太多的裝飾元素。
同樣的，Airbnb也采用了粗標(biāo)題設(shè)計(jì)。大標(biāo)題文本包含一組帶有圖片和描述的文字，文字之間保持較大的留白，看起來它們互不干擾，又不會(huì)令界面看上去顯得松散，因而帶給用戶非常輕松的瀏覽體驗(yàn)。
（對(duì)于一些國內(nèi)的電商App，我個(gè)人猜測(cè)采用這種設(shè)計(jì)方式的可能性較小，因?yàn)閷?duì)于這些應(yīng)用，頁面內(nèi)的位置相對(duì)寸土寸金，應(yīng)該不會(huì)用大字體來浪費(fèi)空間）
三、頁面icon的3種設(shè)計(jì)趨勢(shì)
1.icon圖標(biāo)的變化 由線轉(zhuǎn)面
自ios7開始，蘋果規(guī)范了2px的線性圖標(biāo)；到了ios10中，線性圖標(biāo)的選中狀態(tài)變成背景填充樣式；而在現(xiàn)在的ios11中，采用了面性圖標(biāo)，未選中和選中狀態(tài)只有顏色上的區(qū)分，并且圖標(biāo)更加圓潤(rùn)，目前這種設(shè)計(jì)，國外的app用的比較多，國內(nèi)還相對(duì)比較少見，采用ios10的樣式較多。
2.給icon圖標(biāo)加上動(dòng)效，更加有趣味
目前很多app已經(jīng)給頁面底部標(biāo)簽欄的icon加上微動(dòng)效，這類動(dòng)效起到的是畫龍點(diǎn)睛的作用，不太會(huì)被注意，察覺到會(huì)讓用戶覺得很有趣味，比如阿里的淘寶、菜鳥裹裹…我覺得鵝廠的QQ做的最有意思，底部標(biāo)簽欄icon不僅有微動(dòng)效，而且icon的笑臉會(huì)自動(dòng)轉(zhuǎn)向看向被點(diǎn)擊的一側(cè)，并且長(zhǎng)按icon移動(dòng)時(shí)它也會(huì)根據(jù)手指的方向轉(zhuǎn)動(dòng)，十分有意思，符合當(dāng)下95后00后的用戶心態(tài)。
3.icon的細(xì)節(jié)刻畫越來越重要
目前icon的設(shè)計(jì)已經(jīng)不單單只滿足于簡(jiǎn)潔易懂為前提，同時(shí)細(xì)節(jié)的設(shè)計(jì)也十分重要。在色彩上可以加以漸變，線性圖標(biāo)也可以加以色彩的對(duì)比等等，會(huì)顯得icon是精心設(shè)計(jì)過的，帶給用戶的感受也會(huì)上一個(gè)檔次。
四、卡片+投影相結(jié)合
ios11中采用了大圓角卡片設(shè)計(jì)，它不再像過去MD中的小圓角那樣呆板，大圓角讓設(shè)計(jì)更加輕快大氣。相信大家已經(jīng)看到了很多卡片都使用了投影這一手法，輕微的、似有似無的投影，不會(huì)被用戶立即察覺，但是會(huì)給設(shè)計(jì)增加深度，形成層疊的關(guān)系，更加醒目，可以更好的抓住用戶的注意力。
五、漸變色當(dāng)然依舊十分流行
漸變色是今年最大的趨勢(shì)之一，開始于16年，Instagram將自己的logo改變成漸變色，這一趨勢(shì)便開始流行，國內(nèi)的app也開始效仿，目前淘寶、QQ等狀態(tài)欄就是使用自己的品牌色進(jìn)行漸變。在設(shè)計(jì)漸變色的時(shí)候，要做到色彩的過渡柔和，顏色明快，避免生硬，可以有效的提升用戶體驗(yàn)。
六、3D效果正流行
今年**D大熱，相信大家已經(jīng)感受到了，今年雙十一很多商家都使用了3D效果，有的還加上了動(dòng)效，可以讓你全方位、多角度、更加真實(shí)的觀察商品。目前還不會(huì)**D的設(shè)計(jì)師們，為了提升你的競(jìng)爭(zhēng)力，有必要學(xué)起來了，畢竟技多不壓身。
七、插畫風(fēng)格也是大趨勢(shì)
插畫風(fēng)格運(yùn)用的越來越廣泛，適用于app當(dāng)中的啟動(dòng)頁、缺省頁、banner圖、專題頭圖、彈窗插畫、icon等等，運(yùn)用時(shí)要和app的整體風(fēng)格搭配，有趣味、富有創(chuàng)意的插畫會(huì)讓用戶對(duì)app的好感大幅提升。
這里插一句，今年比較流行的孟菲斯風(fēng)格設(shè)計(jì)，我個(gè)人也很喜歡，在地鐵站看見各大品牌掛出的海報(bào)十分搶眼。該風(fēng)格色彩比較鮮明、活潑、多采用高飽和色彩，18年估計(jì)還會(huì)繼續(xù)流行一陣。
八、交互動(dòng)效一直很重要
交互動(dòng)效越來越多的使用在ui設(shè)計(jì)中，它對(duì)于產(chǎn)品設(shè)計(jì)的作用包含：傳遞層級(jí)和狀態(tài)信息，好的動(dòng)效應(yīng)該是隱形的，以提高可用性為前提，提升體驗(yàn)為目的。它的幾點(diǎn)特性：快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺效果。
九、動(dòng)態(tài)視頻的應(yīng)用
1.啟動(dòng)頁的小視頻
一般小視頻使用在啟動(dòng)頁多用于第一次打開app的場(chǎng)景，對(duì)用戶的代入感較強(qiáng)，能夠很好的感染用戶的情緒，但是視頻時(shí)間不宜過長(zhǎng)。
2.由動(dòng)態(tài)圖片轉(zhuǎn)變成動(dòng)態(tài)視頻
自16年開始流行的動(dòng)態(tài)圖片，即：cinemagraph，17年也流行了一陣，一般常見于微信配圖，核心是圖片中有少量的動(dòng)態(tài)元素，仿佛賦予圖片生命，比較唯美和貼近現(xiàn)實(shí)。
為了吸引更多用戶的注意力，手機(jī)banner設(shè)計(jì)上采用了動(dòng)態(tài)視頻進(jìn)行展現(xiàn)，另外淘寶商品詳情頁也會(huì)放置動(dòng)態(tài)視頻效果，方便360度的查看商品，刺激你剁手的欲望。
另外一些網(wǎng)頁的首頁也會(huì)放置高質(zhì)量、有故事性的視頻，會(huì)讓你的網(wǎng)站與眾不同。
十、響應(yīng)式設(shè)計(jì)
隨著移動(dòng)端的增長(zhǎng)，手機(jī)已經(jīng)超越了pc機(jī)作為日常瀏覽網(wǎng)站的第一選擇，Google推出的MD響應(yīng)式柵格系統(tǒng)，由于人力成本過高，國內(nèi)大部分網(wǎng)頁都沒有做，國外采用響應(yīng)式設(shè)計(jì)的網(wǎng)站有：Youtube、Spotify、Behance...國內(nèi)的有京東、騰訊視頻等。這種響應(yīng)式設(shè)計(jì)確實(shí)比較復(fù)雜，但是這個(gè)趨勢(shì)會(huì)一直繼續(xù)下去，對(duì)于產(chǎn)品、公司而言，還是需要量力而行的進(jìn)行升級(jí)。
十一、VR/AR/VUI是未來的大趨勢(shì)
眾所周知，現(xiàn)在VR（虛擬現(xiàn)實(shí)）和AR（增強(qiáng)現(xiàn)實(shí)）大火，它倆的核心都是計(jì)算機(jī)視覺。VR目前在娛樂領(lǐng)域被使用，而AR將會(huì)真正影響我們的工作和生活，多用于多媒體、市場(chǎng)營銷、教育等方面。
17年春節(jié)支付寶的VR找紅包，美圖秀秀等拍照軟件的功能普及，這類交互方式都是對(duì)用戶的代入感比較強(qiáng)烈，體驗(yàn)感較好。
從Siri、Amazon echo、Google home、小冰等等的發(fā)展來看，VUI（語音用戶界面）與GUI不同，屬于一個(gè)新領(lǐng)域，將基于“對(duì)話”進(jìn)行設(shè)計(jì)，呈現(xiàn)給用戶的主要是說和聽。VUI是最自然也是最省事的交互方式，但是不會(huì)完全取代GUI，而是更好的協(xié)作。
這些領(lǐng)域?qū)τ谠O(shè)計(jì)師而言都是比較新穎的，也是發(fā)展初期，我們需要時(shí)刻保持學(xué)習(xí)的心態(tài)，提升自己的競(jìng)爭(zhēng)力。
以上內(nèi)容是個(gè)人對(duì)ui設(shè)計(jì)趨勢(shì)的一些總結(jié)，歡迎大家進(jìn)行補(bǔ)充！thanks！
原創(chuàng)文章，欲轉(zhuǎn)載請(qǐng)?jiān)诤笈_(tái)回復(fù)“轉(zhuǎn)載”
做設(shè)計(jì)的朋友也可以加我私人微信號(hào)：長(zhǎng)按識(shí)別二維碼
公眾號(hào)更多精彩文章，請(qǐng)識(shí)別二維碼，關(guān)注我們！
如果文章對(duì)你有幫助，可來筆巨款支持！歡迎點(diǎn)贊，分享！
本文為作者獨(dú)立觀點(diǎn)，不代表鳥哥筆記立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權(quán)及免責(zé)申明》 如對(duì)文章、圖片、字體等版權(quán)有疑問，請(qǐng)點(diǎn)擊 反饋舉報(bào)
我們致力于提供一個(gè)高質(zhì)量?jī)?nèi)容的交流平臺(tái)。為落實(shí)國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求，為完善跟帖評(píng)論自律管理，為了保護(hù)用戶創(chuàng)造的內(nèi)容、維護(hù)開放、真實(shí)、專業(yè)的平臺(tái)氛圍，我們團(tuán)隊(duì)將依據(jù)本公約中的條款對(duì)注冊(cè)用戶和發(fā)布在本平臺(tái)的內(nèi)容進(jìn)行管理。平臺(tái)鼓勵(lì)用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容，同時(shí)也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護(hù)法》等法律法規(guī)，對(duì)以下違法、不良信息或存在危害的行為進(jìn)行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對(duì)憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權(quán)，破壞國家統(tǒng)一，損害國家榮譽(yù)和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽(yù)、榮譽(yù)；
4)宣揚(yáng)恐怖主義、極端主義或者煽動(dòng)實(shí)施恐怖活動(dòng)、極端主義活動(dòng)；
5)煽動(dòng)民族仇恨、民族歧視，破壞民族團(tuán)結(jié)；
6)破壞國家宗教政策，宣揚(yáng)邪教和封建迷信；
7)散布謠言，擾亂社會(huì)秩序，破壞社會(huì)穩(wěn)定；
8)宣揚(yáng)淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動(dòng)非法集會(huì)、結(jié)社、游行、示威、聚眾擾亂社會(huì)秩序；
10)侮辱或者誹謗他人，侵害他人名譽(yù)、隱私和其他合法權(quán)益；
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式，對(duì)未成年人實(shí)施侮辱、誹謗、威脅或者惡意損害未成年人形象進(jìn)行網(wǎng)絡(luò)欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內(nèi)容；
2. 不友善：不尊重用戶及其所貢獻(xiàn)內(nèi)容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動(dòng)成果；
2)誹謗：捏造、散布虛假事實(shí)，損害他人名譽(yù)；
3)嘲諷：以比喻、夸張、侮辱性的手法對(duì)他人或其行為進(jìn)行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對(duì)方對(duì)自己的言論作出回應(yīng)，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對(duì)方難堪；
6)謾罵：以不文明的語言對(duì)他人進(jìn)行負(fù)面評(píng)價(jià)；
7)歧視：煽動(dòng)人群歧視、地域歧視等，針對(duì)他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗(yàn)、擾亂本網(wǎng)站秩序的內(nèi)容，或進(jìn)行相關(guān)行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式：
2)單個(gè)帳號(hào)多次發(fā)布包含垃圾廣告的內(nèi)容；
3)多個(gè)廣告帳號(hào)互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容；
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容，如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等，誘騙用戶點(diǎn)擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光；
6)購買或出售帳號(hào)之間虛假地互動(dòng)，發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容，如通過偽造經(jīng)歷、冒充他人等方式進(jìn)行惡意營銷；
8)使用特殊符號(hào)、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經(jīng)驗(yàn)的細(xì)節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內(nèi)容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容；
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚(yáng)低俗、庸俗、媚俗內(nèi)容。
5. 不實(shí)信息，主要表現(xiàn)為：
1)可能存在事實(shí)性錯(cuò)誤或者造謠等內(nèi)容；
2)存在事實(shí)夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容；
3)偽造身份、冒充他人，通過頭像、用戶名等個(gè)人信息暗示自己具有特定身份，或與特定機(jī)構(gòu)或個(gè)人存在關(guān)聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測(cè)字、占卜、解夢(mèng)、化解厄運(yùn)、使用迷信方式治??；
2)求推薦算命看相大師；
3)針對(duì)具體風(fēng)水等問題進(jìn)行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運(yùn)勢(shì)，東西寵物丟了能不能找回、取名改名等；
7. 文章標(biāo)題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶；
2)內(nèi)容與標(biāo)題之間存在嚴(yán)重不實(shí)或者原意扭曲；
3)使用夸張標(biāo)題，內(nèi)容與標(biāo)題嚴(yán)重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費(fèi)、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動(dòng)「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號(hào)召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號(hào)」形式刷量控評(píng)等行為
5)通過「蹭熱點(diǎn)」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內(nèi)容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會(huì)公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的；
2)不當(dāng)評(píng)述自然災(zāi)害、重大事故等災(zāi)難的；
3)美化、粉飾侵略戰(zhàn)爭(zhēng)行為的；
4)法律、行政法規(guī)禁止，或可能對(duì)網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動(dòng)發(fā)現(xiàn)和接受用戶舉報(bào)兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺(tái)氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個(gè)用戶發(fā)布違規(guī)內(nèi)容時(shí)，本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴(yán)重程度，對(duì)帳號(hào)進(jìn)行禁言 1 天、7 天、15 天直至永久禁言或封停賬號(hào)的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊(cè)、使用帳號(hào)，或者濫用多個(gè)帳號(hào)發(fā)布違規(guī)內(nèi)容時(shí)，本網(wǎng)站將加重處罰。
三、申訴
隨著平臺(tái)管理經(jīng)驗(yàn)的不斷豐富，本網(wǎng)站出于維護(hù)本網(wǎng)站氛圍和秩序的目的，將不斷完善本公約。
如果本網(wǎng)站用戶對(duì)本網(wǎng)站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網(wǎng)站進(jìn)行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)