新的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)，適當(dāng)?shù)恼趽跷淖忠徊糠?/h1>

2022-06-13    分類(lèi)： 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)看起來(lái)不錯(cuò)，即使它們違背傳統(tǒng)的設(shè)計(jì)理論的智慧或信條。一個(gè)新的設(shè)計(jì)趨勢(shì)是展示那些涵蓋或阻礙設(shè)計(jì)中某些文本的元素。
這是一個(gè)有趣的趨勢(shì)，因?yàn)樗`背了我們通常與設(shè)計(jì)有關(guān)的所有事情 - 它必須是可讀的，才能快速與用戶(hù)連接。
不用說(shuō)，這可能是一個(gè)棘手的技術(shù)，有效地拉動(dòng)，但設(shè)計(jì)是非常有影響的，如果做得好的話(huà)。這里有一個(gè)趨勢(shì)的細(xì)分和一些想法，你可以自己嘗試一下。
簡(jiǎn)單的障礙
如果設(shè)計(jì)中包含了文本，那么其他所有內(nèi)容都必須是超級(jí)簡(jiǎn)單的視覺(jué)效果，這樣用戶(hù)才不會(huì)迷失太多的效果。
在每個(gè)響應(yīng)的斷點(diǎn)處，文本都不會(huì)比其他文字更加模糊。
Root Studio在這方面做得非常好，第一印象就是抓住了色彩的注意力，而簡(jiǎn)單的動(dòng)畫(huà)長(zhǎng)頸鹿則涵蓋了超大號(hào)字體的一部分。這里的訣竅是，即使有些字母被遮擋，屏幕上的字也是沒(méi)有問(wèn)題的。由于尺寸，字體的簡(jiǎn)單性和阻礙元素的位置，字母仍然可讀。
設(shè)計(jì)團(tuán)隊(duì)特別注意文字的阻礙，保持這個(gè)特定網(wǎng)站的品牌“ROOT”的完整性。在每個(gè)響應(yīng)的斷點(diǎn)處，文本都不會(huì)比其他文字更加模糊。（這是許多這樣的設(shè)計(jì)不足之處，在桌面分辨率上看起來(lái)不錯(cuò)，但文字太小，難以在小屏幕上閱讀。
三維圖層
添加三維分層效果可以幫助元素跳出屏幕，讓用戶(hù)幾乎感覺(jué)到他們可以伸手去觸摸屏幕。在某些情況下，文本可以作為背景元素。
只要確保文本頂部的圖層不會(huì)覆蓋太多的單詞（或單詞）。確保文本障礙物不會(huì)由于其他元素的放置而導(dǎo)致不需要的詞語(yǔ)，這一直至關(guān)重要。
Simply Chocolate使用這種分層效果。它的作用主要是因?yàn)槭褂昧舜煮w字的普通文字的超大號(hào)字體和不是真正大的頂部字體的組合，并且包含了被糖果元素遮蔽的完全相同的單詞。
這種處理使得背景中的大字母更多的是一種圖形元素而不是可讀的元素，從而創(chuàng)造出一種鮮明的對(duì)比和極好的分層效果。（你可能會(huì)發(fā)現(xiàn)自己在瀏覽所有不同的糖果口味，看看他們是如何以不同的方式創(chuàng)造效果的。）
忘記空間的規(guī)則
有時(shí)文本障礙物實(shí)際上并不包括這些字母，而是侵占了他們的空間。
這是North Street在沒(méi)有設(shè)計(jì)感的情況下打破或破壞的規(guī)則之一。該公司的描述碰上了屏幕上的中心垂直規(guī)則（其余設(shè)計(jì)使用這個(gè)分隔線(xiàn)來(lái)實(shí)現(xiàn)分屏審美）。
如果有人說(shuō)他們要使用這種治療，那么你可能會(huì)試圖說(shuō)服他們，但在這里它的工作。視覺(jué)構(gòu)圖非常輕盈 - 得益于大量的空白空間 - 他們的字體選擇足夠大膽，輕量級(jí)的灰線(xiàn)幾乎就落入了背景中，即使它進(jìn)入了應(yīng)該為文本保留的空間。
第二個(gè)灰線(xiàn)進(jìn)一步分割導(dǎo)航中的文本，但大多數(shù)用戶(hù)可能不會(huì)注意到阻塞。
只為大字法
看看這里的所有例子，你可能會(huì)注意到一個(gè)共同的主題。所有受阻字體都很大，并使用簡(jiǎn)單的字體。
小寫(xiě)字母通常不會(huì)給你足夠的空間來(lái)以有意義的方式覆蓋部分文本。如果你打算設(shè)計(jì)一個(gè)文字障礙，那應(yīng)該是故意的，有意義的。
新奇風(fēng)格的復(fù)雜腳本太難以閱讀了。
在有目的的設(shè)計(jì)和可讀性方面，涵蓋小字是非常困難的。這就是為什么這種技術(shù)與超大的排版配對(duì)。
這些大的，往往是無(wú)襯線(xiàn)字體的字體很容易閱讀，往往有中等寬度和大碗和柜臺(tái)，使分層元素更實(shí)用。為了使這個(gè)概念有效，你需要帶有形狀的字母來(lái)表達(dá)這個(gè)概念。薄型或濃縮型風(fēng)格通常不起作用，新穎風(fēng)格的復(fù)雜腳本太難以用元素來(lái)閱讀。
與一點(diǎn)對(duì)比的元素
有時(shí)文本阻塞不是文本之上的元素; 它是文本元素與其周?chē)h(huán)境之間的關(guān)系。文本和背景元素之間缺乏對(duì)比也會(huì)導(dǎo)致文本阻塞。
再一次，這可能是一個(gè)難以有效解決的難題。文本天生存在可以閱讀。缺乏對(duì)比可能會(huì)使這一點(diǎn)變得困難。
當(dāng)與高度可讀的文本配對(duì)時(shí)，低對(duì)比度文本元素在屏幕上微妙地提醒。這些元素將在其他更高對(duì)比度元素之后被讀取。
在Anew的設(shè)計(jì)中，對(duì)于業(yè)務(wù)的描述比名牌更重要。這就是設(shè)計(jì)告訴用戶(hù)由于類(lèi)型的處理。他們關(guān)鍵詞“屋頂+測(cè)試廚房”很容易看到和閱讀。名稱(chēng)“Anew”出現(xiàn)在品牌商標(biāo)下的低對(duì)比度位置。由于大標(biāo)識(shí)，眼睛仍然被吸引，但它不是閱讀和信息收集的主要焦點(diǎn)。
這個(gè)處理在這個(gè)空間里工作的部分原因是因?yàn)樵O(shè)計(jì)的內(nèi)容。想想“Anew”這個(gè)單詞與明亮的白色餐盤(pán)之間的共生關(guān)系。它感覺(jué)新鮮，不同和誘人。
結(jié)論
受阻的文字設(shè)計(jì)越來(lái)越受歡迎。不久之前，你會(huì)很難在網(wǎng)上找到這種風(fēng)格的東西。（打印設(shè)計(jì)更一致地使用它，因?yàn)樵O(shè)計(jì)者不必?fù)?dān)心響應(yīng)的斷點(diǎn)。）

只要注意創(chuàng)建不完全可見(jiàn)的文字。確保單詞仍然說(shuō)（而且是指）你的意圖。如果您對(duì)使用受阻文字時(shí)如何感知或閱讀設(shè)計(jì)有任何疑問(wèn)，請(qǐng)考慮另一個(gè)選項(xiàng)。你永遠(yuǎn)不想讓你的設(shè)計(jì)難以讓用戶(hù)理解。

本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽：成都網(wǎng)站建設(shè)公司，成都網(wǎng)頁(yè)設(shè)計(jì)公司，成都網(wǎng)站設(shè)計(jì)公司，網(wǎng)站建設(shè) 成都，成都 網(wǎng)站建設(shè)，企業(yè)網(wǎng)站建設(shè)，營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，網(wǎng)站建設(shè)設(shè)計(jì)，成都網(wǎng)站開(kāi)發(fā)，網(wǎng)站制作設(shè)計(jì)

網(wǎng)頁(yè)名稱(chēng)：新的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)，適當(dāng)?shù)恼趽跷淖忠徊糠?/a>
瀏覽地址：http://www.muchs.cn/news14/166814.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、建站公司、網(wǎng)站排名、定制開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)公司、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)