日本a在线播放_激情吻胸吃奶免费视频在线观看_天堂资源网在线www中文_美女扒开尿口给男人桶动态图_国产农村三片免费网站_日韩欧美国产综合字幕_玖玖香蕉视频_国产成人拍拍拍高潮尖叫教_婷婷开心五月四房播播人_精选一区二区

0531-68961579

濟(jì)南網(wǎng)站建設(shè):這5種網(wǎng)頁設(shè)計(jì)趨勢已經(jīng)徹底過時(shí)了!

來源:嘉晟科技 發(fā)表于:2017-12-14 10:55:26
設(shè)計(jì)趨勢是設(shè)計(jì)師所擁有的最強(qiáng)大的武器之一。設(shè)計(jì)師將時(shí)尚和潮流融入設(shè)計(jì),將新鮮的風(fēng)格和獨(dú)特的體驗(yàn)帶給用戶。但是設(shè)計(jì)趨勢的另外一面也不能忽略,就是它的「時(shí)限」,它們是有生命周期的。
  
要經(jīng)常練習(xí)使用設(shè)計(jì)趨勢,它們能夠幫你激發(fā)靈感,鍛煉創(chuàng)造力,同時(shí)也要敏銳地判斷你所使用的趨勢是否已經(jīng)過時(shí)。今天的文章,我們就聊一聊目前已經(jīng)過時(shí)的5個(gè)趨勢。
  
1、無處不在的“復(fù)古”元素
  
雖然說復(fù)古一直在流行,但是就目前而言,要謹(jǐn)慎對待復(fù)古的元素了。
  
老派的排版,充滿古舊感的葡萄酒色,無處不在的紋理和材質(zhì)過渡。在現(xiàn)代和簡約的大趨勢之下,這些復(fù)古元素已經(jīng)開始讓人覺得格格不入了。
  
常見的復(fù)古元素包含如下特征:
  
粗糲質(zhì)感的圖片和字體
  
帶有大量裝飾性筆觸和花邊的手寫字體
  
暗啞沉悶的配色方案
  
為了做舊而疊加了棕色和褐色的各種元素
  
紋理明顯的背景
  
簡約風(fēng)和現(xiàn)代風(fēng)之所以能被大家喜愛,很大程度上是因?yàn)樗鼈冊诠δ苄院涂勺x性上的突出表現(xiàn)。相比之下,過于復(fù)古的元素常常會(huì)在直觀性上不如簡約現(xiàn)代的設(shè)計(jì),這也是影響它「流行性」的一個(gè)重要原因。
 
2、超細(xì)字體
  
在告別擬物化設(shè)計(jì)的時(shí)候,蘋果公司在iOS7中采用了超細(xì)的Helvetica Neue 作為主要的英文字體,這一設(shè)計(jì)決策可能是蘋果公司歷年來最著名的幾個(gè)設(shè)計(jì)失誤之一。超細(xì)字體雖然在時(shí)髦值上不低,但是在可讀性上并不優(yōu)秀。雖然隨后蘋果在隨后的系統(tǒng)中用 San Francisco 字體代替了 Helvetica Neue ,但是扁平化+超細(xì)字體的組合已經(jīng)逐步在設(shè)計(jì)領(lǐng)域流行開來。知道如今,這種閱讀性并不強(qiáng)的設(shè)計(jì)搭配依然存在。
  
超細(xì)字體雖然看起來足夠優(yōu)雅,但是在背景和前景色彩對比度不足的時(shí)候,整個(gè)閱讀體驗(yàn)幾乎是災(zāi)難性的。
  
如果你的網(wǎng)站正在使用的文本字體是超細(xì)的版本的話,盡量先替換為同族字體中常規(guī)粗細(xì)的版本。如果你有觀察過最新的網(wǎng)頁設(shè)計(jì)作品的話,會(huì)發(fā)現(xiàn)現(xiàn)在網(wǎng)站字體的筆觸幾乎沒有用超細(xì)的,而且在字號(hào)上還會(huì)設(shè)置得比以往更大。
  
3、輪播首圖
  
你真的回去主動(dòng)點(diǎn)擊輪播首圖呢?尤其是當(dāng)其中有六七張不同的高清大圖的時(shí)候?
  
絕大多數(shù)的用戶只會(huì)是看看而已。早在2013年的時(shí)候,Nielsen Norman Group 就為此做過一項(xiàng)用戶調(diào)研,發(fā)現(xiàn)即使這些首圖足夠大,用戶也常常忽略,因?yàn)檩啿D這種設(shè)計(jì)本身就很難讓用戶關(guān)注到其中的關(guān)鍵信息。
  
相比之下,如果將首屏的輪播圖替換成單個(gè)首圖,并且搭配上CTA按鈕,效果會(huì)好很多。用戶不再會(huì)被多個(gè)首圖進(jìn)行信息轟炸,而單一的選擇給用戶的路徑也更為清晰直觀。
  
對于絕大多數(shù)的用戶而言,他們會(huì)看到自己感興趣的內(nèi)容就會(huì)點(diǎn)擊。這些自動(dòng)輪播的多圖首屏所帶來的一個(gè)直接的問題就是在于,你根本不知道用戶會(huì)點(diǎn)擊哪張圖片,用戶因此可能會(huì)錯(cuò)過他們感興趣的內(nèi)容,如果他們愿意探索,輪播圖帶給他們的工作量又會(huì)相對較大,也就是說這種設(shè)計(jì)本身就容易失控。
 
選擇一個(gè)覆蓋面較廣的高清大圖、插畫或者較短的背景視頻,相比于6個(gè)輪播圖所帶來的效果會(huì)更加直觀有效,也更加富有凝聚力。
 
4、高清視頻背景
  
全屏視頻是這幾年比較流行的一種設(shè)計(jì)手段。視頻背景確實(shí)非常吸引人,但是視頻背景本身不適宜承載大量的、需要用戶理解消化的內(nèi)容。
  
更重要的問題在于,現(xiàn)如今對于媒體素質(zhì)的要求越來越高,當(dāng)你使用視頻背景的時(shí)候,它必須是高清的。對于桌面端用戶而言,在光纖加持下,等待幾秒加載一個(gè)高清視頻背景并沒有太大壓力,可是對于移動(dòng)端用戶而言,這個(gè)視頻媒體就是個(gè)超重的媒體內(nèi)容了。視頻背景的體驗(yàn)會(huì)非常令人著急。
  
長時(shí)間的加載動(dòng)畫是無法解決快速加載的需求的。
  
你不想希望視頻背景最終給你帶來的問題,比它所解決的體驗(yàn)上的需求,還要多。這所導(dǎo)致的直接結(jié)果就是用戶會(huì)動(dòng)搖,會(huì)拒絕繼續(xù)等待,選擇離開。
  
高清視頻背景給用戶帶來的問題不止是這一點(diǎn)。許多時(shí)候,視頻所帶來的附加媒體就是聲音,但是在很多場合下,用戶是不想也不愿意聽到聲音的。有的直接是因?yàn)樵O(shè)備原因,無法播出音頻。不論是何種原因,用戶的需求和實(shí)際的體驗(yàn)無法真正對接起來。
 
盡量讓視頻背景不要成為網(wǎng)站體驗(yàn)的唯一支撐,或者主要的設(shè)計(jì)元素。使用它來營造第一印象,最終所導(dǎo)致的結(jié)果,其實(shí)很難說。
 
5、過多圖標(biāo)
  
圖標(biāo)看起來是是非常實(shí)用的設(shè)計(jì)素材,好像哪里都能用上。但是,現(xiàn)在我們所能看到的許多網(wǎng)頁只是在堆砌圖標(biāo)。只有真正理解了圖標(biāo)的含義,讓它和對應(yīng)的服務(wù)和功能匹配起來,才算是合理的設(shè)計(jì),單純只是用圖標(biāo)來制造視覺信息量的時(shí)代過去了。
  
絕大多數(shù)設(shè)計(jì)優(yōu)秀的網(wǎng)站,只需要不多的幾個(gè)常用的圖標(biāo),用于購物車、社交媒體、搜索等切實(shí)可用的功能。它們甚至不需要大而漂亮的,一組簡單直觀的圖標(biāo)就會(huì)很好用。
  
不要過度使用圖標(biāo)。你要理解這些圖標(biāo)的含義,讓他們真正能幫助你的用戶理解你的網(wǎng)頁中的功能。在視覺上,圖標(biāo)也不應(yīng)該喧賓奪主,而是要盡量微妙而簡約,能夠融入背景,服務(wù)于整個(gè)設(shè)計(jì)。
  
必須承認(rèn),圖標(biāo)很好用,但是現(xiàn)在我們所看到的大量圖標(biāo)都是處于被濫用的狀態(tài),而非合理的運(yùn)用,這導(dǎo)致圖標(biāo)最終淪為了視覺裝飾。不過,這種局面最終還是得到了改善。
 
結(jié)語
 
談及時(shí)髦和流行的元素的時(shí)候,我們一定要多留一個(gè)心眼。勇于嘗試新事物,也要密切關(guān)注它是否已經(jīng)開始過時(shí)。這樣才能讓你的設(shè)計(jì)項(xiàng)目恰到好處。
 
濟(jì)南嘉晟網(wǎng)絡(luò)科技有限公司是一家專業(yè)從事互聯(lián)網(wǎng)技術(shù)開發(fā)和網(wǎng)站應(yīng)用服務(wù)的高科技公司,主要業(yè)務(wù)濟(jì)南網(wǎng)站建設(shè)、濟(jì)南網(wǎng)站優(yōu)化、濟(jì)南網(wǎng)絡(luò)推廣、濟(jì)南微信營銷、濟(jì)南微網(wǎng)建設(shè)、濟(jì)南400電話、濟(jì)南企業(yè)彩鈴、濟(jì)南掛機(jī)短信,致力于為企業(yè)提供全面、豐富的網(wǎng)絡(luò)解決方案。濟(jì)南嘉晟網(wǎng)絡(luò)科技有限公司致力于推進(jìn)中國企業(yè)信 息化和電子商務(wù)的發(fā)展進(jìn)程,不遺余力的幫助企業(yè)加快電子商務(wù)的步伐,專注于中國企業(yè)的信息化建設(shè),多方位提高企業(yè)的核心競爭力,正確邁出企業(yè)信息化的第一步。歡迎廣大客戶前來咨詢合作!
 
 
文章來源優(yōu)設(shè)網(wǎng)  
 
濟(jì)南網(wǎng)站建設(shè)
 
網(wǎng)址:http://unisenchem.cn