這個網(wǎng)站設(shè)計的趨勢是關(guān)于對比的…或者缺少對比。越來越多的網(wǎng)站設(shè)計出現(xiàn)了大而令人驚嘆的主頁面圖像區(qū)域,但是文本元素更加微妙。這是一個巨大的主頁面區(qū)域文本的改變,已經(jīng)有一段時間了。
漢陰網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,漢陰網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為漢陰成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務(wù)好的漢陰做網(wǎng)站的公司定做!
這些設(shè)計讓您看起來與眾不同,它建立了一種與其他網(wǎng)站的對比感,同時可能不會在設(shè)計本身產(chǎn)生太多的對比。
讓我們看看那些帶有強烈主頁面圖片和微妙文字的網(wǎng)站,它們可以幫助您為下一個網(wǎng)站設(shè)計項目產(chǎn)生靈感。
繁忙的背景,簡單的版式
使用這種趨勢最簡單的方法之一就是將簡單的排版與過度繁忙的背景相結(jié)合。
這正是Moooi在這里所做的,它有一個可以讓您盯著看一整天的背景和更小的尺寸和重量比圖像次要的簡單文本。
好的是它仍然有一個很好的層次結(jié)構(gòu)和足夠的詞匯來幫助您進(jìn)入網(wǎng)站設(shè)計。這其中有一種微妙的平衡,可以讓您在工作時不會感到壓力過大,在這么忙碌的背景下,這會是一個很大的風(fēng)險。
有限的文本
另一種充分利用這種網(wǎng)站設(shè)計趨勢的方法是盡量減少屏幕上的文字量。如果主頁面區(qū)域的其他部分包含大量的動作,它會自動感覺更加微妙。
在上面的例子中,有一個彩色邊框的視頻背景,標(biāo)準(zhǔn)的導(dǎo)航菜單,以及一個比一般情況下小的標(biāo)題在底部角落。
text元素幾乎是您最后看到的內(nèi)容。它不是太大,使用了簡單的字體,和它背后的一些視頻缺乏對比。盡管如此,這個微妙的標(biāo)題還是很不錯的,有助于把視線吸引到中間屏幕上滾動的圖標(biāo)上。
放下文本大小和屏幕位置
您會發(fā)現(xiàn)很多帶有這種網(wǎng)站設(shè)計趨勢的小標(biāo)題和副標(biāo)題,這可能是因為屏幕上的實際大小或類型選項的重量。另一種使文本元素更加微妙的方法是改變屏幕上的位置。
中間的文本元素幾乎是在向網(wǎng)站訪問者喊話,這個位置承載了很多的視覺權(quán)重和隱含意義。
改變文本元素在屏幕上的位置,特別是將它們移到較低的位置或另一側(cè),可以弱化該元素的方式,使其更加微妙。
空間和色彩
在設(shè)計中利用主要圖像、視頻或背景元素的空間和顏色來創(chuàng)造文字的微妙。通過將注意力吸引到設(shè)計的其他部分,文本自然就不那么占主導(dǎo)地位了。
在上面的示例中,這是可行的,因為文本從中央屏幕中拖出,使用了較輕的現(xiàn)代襯線字體,顏色的變化在視覺上將您拉到屏幕的頂部。
這里有很多文本,但并沒有您想象的那么多,更小的尺寸和更輕的字體選項在很大程度上促成了這一點。
小文字
如果您正在尋找一種可靠的方法,使文本成為一個微妙的元素,使它很小。
在上面的示例中,查找文本元素幾乎要花費一分鐘時間。背景圖像是快節(jié)奏的動畫,沒有停止。顏色的選擇引入了高對比度,但文字是如此的小旁邊的主要圖像,它似乎下降了屏幕。
如果您計算的話,您會發(fā)現(xiàn)主標(biāo)題夾在屏幕的頂部,導(dǎo)航菜單在左邊,版權(quán)聲明在右下角。
對比鮮明的運動
雖然這里的很多例子使用有限的對比來創(chuàng)建微妙的文本,但反過來也可能是正確的。上面的三維旋轉(zhuǎn)背景和靜態(tài)文本元素之間的差異在上面的示例中實現(xiàn)了這一點。
文本元素幾乎丟失了,因為屏幕的其余部分非?;钴S。就像一個旋轉(zhuǎn)的苦行僧,您不由自主地發(fā)現(xiàn)自己被移動的背景迷住了。有很多東西要看,速度迫使您堅持場景。
只有在主頁圖像的幾次旋轉(zhuǎn)之后,您才會關(guān)注文本。
尺寸
有時候,微妙的文字完全是意見的問題。如果背景和前景文本元素之間有大量的顏色對比,您可能不會認(rèn)為這些詞是微妙的。
但與其他項目和設(shè)計相比,上面例子中的文字大小相當(dāng)微妙,這完全是一個視角問題。
此外,這種設(shè)計的微妙之處在于導(dǎo)航文本元素。它們很小,放置的位置很不尋常,字體很輕。
細(xì)襯線
襯線字體-除了平板-可以有一個更輕的外觀比常規(guī)或普通的無襯線字體選項。對于現(xiàn)代的serifs來說尤其如此,它的特點是粗細(xì)的筆畫寬度。
如果您想找一種更微妙的感覺,可以選擇帶有大碗和更寬的體位的字體。字母內(nèi)部和周圍增加的空間可以使它看起來更開放,更輕。
額外的字母間距
遵循上一個示例中的相同原理,更多的空間可以使文本看起來更輕更柔和。您可以選擇字體,也可以用字母間距(字母之間的空間)或行間距(文本的行或段落之間的空間)。
更大的空間會讓一切看起來更開放和空靈。
但這種選擇有一個最佳點,如果字母間隔太大,單詞就會對閱讀產(chǎn)生挑戰(zhàn),并導(dǎo)致網(wǎng)站設(shè)計的可讀性和可用性問題。謹(jǐn)慎行事。
單獨的文本元素
在一組中出現(xiàn)的文本越多,屏幕上顯示的文本就越大。
所以,如果您想讓文本有更微妙的感覺,在文本塊之間創(chuàng)建分隔。
在上面的例子中,標(biāo)題和副標(biāo)題在垂直上間隔,在不同的“網(wǎng)格線”上間隔,一個居中,一個移到中心的右邊。這樣的效果很容易閱讀和理解,但是文字并沒有太多的視覺分量。
與“幻想效應(yīng)”相反
第一眼看到上面示例中的文本元素了嗎?如果您點擊進(jìn)入實際的網(wǎng)站,很有可能左邊的圖片會吸引您所有的注意力。
當(dāng)小文本不得不與花哨的效果、動畫或圖像競爭時,在您準(zhǔn)備好之前,它很難被看到。這個概念和使用過度繁忙的背景非常相似,因為您的眼睛還沒有準(zhǔn)備好從效果切換到文本。
您幾乎必須理解和清除意象的認(rèn)知負(fù)荷,然后才有足夠的精神重置,以集中精力閱讀。
不對稱的平衡
微妙的文字可以增加網(wǎng)站設(shè)計的美感,在上面的例子中,文字元素和照片創(chuàng)造了一種不對稱的平衡感,幫助眼睛在元素之間來回移動。他們互相支持。
您可以先看圖片,然后再看文字,然后再回去看模特手指上的戒指。雖然文本可能有些微妙,但它是理解和恰當(dāng)參與設(shè)計的關(guān)鍵組成部分
總結(jié)
這種網(wǎng)站設(shè)計趨勢的創(chuàng)意之處在于它是純視覺的,您不需要改變您的品牌或整體網(wǎng)站設(shè)計理念來嘗試它。因此,如果您想切換到您的主頁,這是一個不錯的選擇。
它實際上還可以處理任何類型的內(nèi)容,正如您從上面的示例中看到的那樣,它具有廣泛的應(yīng)用程序。這是一種趨勢,看起來很好,實用性很強。
本文名稱:網(wǎng)站設(shè)計趨勢:強烈的主頁面形象與微妙的文字
當(dāng)前鏈接:http://jinyejixie.com/article37/shgepj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、用戶體驗、服務(wù)器托管、營銷型網(wǎng)站建設(shè)、搜索引擎優(yōu)化、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)