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