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

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

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

網頁名稱：新的網頁設計趨勢，適當的遮擋文字一部分
瀏覽地址：http://jinyejixie.com/news14/166814.html

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

廣告

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