這3種獨(dú)特的趨勢,能讓頁面設(shè)計(jì)增色不少
設(shè)計(jì)趨勢這種東西,往根上說是潮流,是因緣際會(huì)之下成為一個(gè)時(shí)間段內(nèi)的流行風(fēng)潮,大多獨(dú)特,但是它并不肯定吻合你的喜愛。
在曩昔的一個(gè)月當(dāng)中,所流行起來的三個(gè)設(shè)計(jì)趨勢,相互關(guān)聯(lián),且都涉及到文本和題目在網(wǎng)頁設(shè)計(jì)中的運(yùn)用。到底哪個(gè)更吻合你的口味,而哪些又能夠更常久地流行?這恐怕就必要你本身來判斷了。
1、帶有下劃線的文本和元素
很不測地發(fā)現(xiàn)大家最近搶先恐后地使用下劃線這種元素。當(dāng)然,能夠在各式各樣設(shè)計(jì)元素中天真運(yùn)用的下劃線,天然不是設(shè)計(jì)工具默認(rèn)的下劃線結(jié)果或者文本鏈接下的那種文本下劃線。
下劃線本來運(yùn)用在文本當(dāng)中,用來強(qiáng)調(diào)內(nèi)容,提示用戶關(guān)注特定的文本信息。當(dāng)下劃線和不同的元素搭配起來使用的時(shí)候,盡量讓兩者在風(fēng)格和細(xì)節(jié)上保持同等,確保它們?cè)谠O(shè)計(jì)上是無縫而同等的。
讓下劃線看起來是故意為之,但是又不會(huì)造成干擾,如許的設(shè)計(jì)是成功的。雖然在很多設(shè)計(jì)當(dāng)中,下劃線的加入會(huì)讓文本看起來略顯擁擠,但是現(xiàn)實(shí)上通過留白可以適當(dāng)?shù)鼐徑膺@個(gè)題目。
在下面的案例當(dāng)中,Simon Lee Gallery 和 Hoohaa Design 均是通過下劃線吸引用戶細(xì)致到特定的文本。在 Simon Lee Gallery 當(dāng)中,下劃線和小字的搭配讓它們不再顯得單薄,在視覺上更重了。而 Hoohaa Design 中,下劃線則是出于平衡視覺重心的目的來使用的,設(shè)計(jì)師想要凸起站點(diǎn)的名稱。
Abel Design Group 這個(gè)網(wǎng)站中,設(shè)計(jì)師并沒有直接采用傳統(tǒng)意義上的下劃線,而是使用橙色的線條置于文本前方,起到了和下劃線相似的功用。
2、被遮擋的文本
我們?cè)谔骄吭O(shè)計(jì)的時(shí)候,文本的可讀性每每被作為相稱靠前的一個(gè)標(biāo)準(zhǔn)來提,但是如今要說的設(shè)計(jì)趨勢其實(shí)是和這一規(guī)則相悖的:被遮擋的筆墨。雖然你不肯定會(huì)喜好,但是確實(shí)有很多近期的設(shè)計(jì)作品會(huì)選擇如許的設(shè)計(jì)。
當(dāng)然,從技術(shù)層面上來說,有不少設(shè)計(jì)在運(yùn)用這一技巧的時(shí)候并未拿捏太好。有的可能是由于字體設(shè)計(jì)的緣故原由,有的可能是所選的用來遮擋字體的元素沒有遴選好。這個(gè)中心的度其實(shí)并不好控制,尤其是當(dāng)用來遮擋文本的元素是相應(yīng)式、動(dòng)態(tài)的時(shí)候。遮擋的元素、文本和背景之前要構(gòu)成充足好的對(duì)比,但是又不能太過突兀,這是很多出題目的設(shè)計(jì)所面臨的狀態(tài)。
不過,假如能把遮擋的區(qū)域、遮擋元素和文本的對(duì)比以及運(yùn)動(dòng)的軌跡都設(shè)計(jì)好的話,現(xiàn)實(shí)上所創(chuàng)造的結(jié)果是特別很是奪目的。
想要運(yùn)用好文本前景的隱瞞元素,你必要細(xì)致下面幾點(diǎn):
- 確保文本中的詞匯充足常見,易于理解,比如 Root Studio 網(wǎng)站中的單詞 Root
- 隱瞞元素不會(huì)遮擋太多部分
- 確保遮擋不會(huì)造成不需要的識(shí)別停滯
- 使用充足簡單的字體,不會(huì)由于字體風(fēng)格和停滯物造成識(shí)別停滯
- 保持其他部分的設(shè)計(jì)充足簡單,如許用戶可以更機(jī)輕松的關(guān)注核心的文本,并且識(shí)別出來
3、經(jīng)典的詬誶配色
談到色彩相干的趨勢的時(shí)候,我們通常會(huì)認(rèn)為色彩能夠反應(yīng)出設(shè)計(jì)者的心緒。詬誶配色在這幾年越來越常見,而在曩昔的這段時(shí)間當(dāng)中出現(xiàn)的越來越多,是由于氣候轉(zhuǎn)冷設(shè)計(jì)師們的心情都越來越沉郁了么?
當(dāng)然,和曩昔那種強(qiáng)調(diào)情勢感的詬誶攝影網(wǎng)站不同,如今的詬誶色調(diào)的網(wǎng)站所覆蓋的網(wǎng)站類型更多了,當(dāng)然,在細(xì)節(jié)上可能還會(huì)點(diǎn)綴以其他的色彩,但是總體上是詬誶色調(diào)沒跑了。
由于缺乏雄厚的色彩元素,詬誶色調(diào)之下,這些網(wǎng)站所呈現(xiàn)出來的情緒是很接近的。
在單純的詬誶配色之下,文本的可讀性每每是設(shè)計(jì)中所遇到的最現(xiàn)實(shí)的題目。盡管可用的色彩不多,但是設(shè)計(jì)師可以通過創(chuàng)造一些風(fēng)趣的東西,來達(dá)到結(jié)果。
正如同前面所說的,重要色調(diào)是詬誶,這個(gè)時(shí)候適當(dāng)?shù)募尤胍稽c(diǎn)點(diǎn)其他的色彩,比如紅色或者藍(lán)色,一點(diǎn)色彩就能從整個(gè)設(shè)計(jì)當(dāng)中跳脫出來,極為奪目。
當(dāng)然,詬誶之間的過渡色有許多,適當(dāng)?shù)氖褂媚軌蜃屨麄€(gè)設(shè)計(jì)更為豐滿。
就像下面的 Crafton 這個(gè)網(wǎng)站,稍稍加入一點(diǎn)紅色,就讓整個(gè)設(shè)計(jì)一會(huì)兒鮮活了起來。
結(jié)語
我曉暢,這次所探究的設(shè)計(jì)趨勢可能并不像之前的很多趨勢那么風(fēng)趣好玩,但是它們?cè)谠S多項(xiàng)目中有著獨(dú)特的功用,許多時(shí)候,撇開喜愛探索這其中的功能,你會(huì)發(fā)現(xiàn)它們的適用范圍照舊蠻廣的。試試看吧。
【這些延長閱讀值得看看】
原文地址:webdesignerdepot
原文作者:CARRIE COUSINS
HTML素材網(wǎng)譯文:@陳子木
本文由HTML素材網(wǎng)原創(chuàng)翻譯,請(qǐng)尊再版權(quán)和譯者成果,轉(zhuǎn)摘請(qǐng)附上HTML素材網(wǎng)鏈接,違者必究。謝謝各位編輯同仁配合。
本文地址:http://m.pkvc.cn/tutorial/di3832.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏