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

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

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

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

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

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

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

廣告

聲明：本網(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)