国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術(shù)干貨  > UI設(shè)計技巧|七種主流平面板式介紹

UI設(shè)計技巧|七種主流平面板式介紹

來源:千鋒教育
發(fā)布人:小千
時間: 2021-05-17 09:36:00 1621215360

      在設(shè)計板式上面會有幾種常見的流行板式,我們只需要遵循一定的規(guī)則即可輕松設(shè)計出想要的效果,下面小千就來給大家介紹一下。

      1.無襯線字體搭配手寫英文

      比如給英文或者中文標題選擇一個筆畫很粗的無襯線字體,然后在它上面加一個或幾個比較潦草、筆畫較細的手寫英文單詞,就能得到一個很不錯的效果。

      由于識別性不高,手寫的英文單詞最好是無關(guān)緊要的,主要是為了起裝飾作用。

      在此基礎(chǔ)上還可以進行色彩搭配,而且顏色對比最好要鮮明一點,這樣就建立起了強烈的粗細對比、大小對比、剛?cè)釋Ρ取⑸蕦Ρ鹊取_m合在海報設(shè)計、畫冊設(shè)計、網(wǎng)頁設(shè)計中使用。

1

      2. 把英文排成一個圓圈用于裝飾

      你是不是常常發(fā)現(xiàn)自己設(shè)計好的版面太過規(guī)矩,或者有點空、缺乏細節(jié)?而增加一個用英文排成的圓圈就可以解決很多類似的問題。

      因為這個圓圈文字能與版面中的圖片以及其他文字塊形成輪廓對比、面和線的對比、曲和直的對比等。為了讓其不太孤立和單調(diào),最好把它疊加在圖片或其他文字上面。

      組成圓圈的文字字體可以是襯線體、無襯線體或者手寫體,但字號不宜太大,精致、秀氣一點比較好看。

2

      3. 大間距與大行距

      在正常的排版中我們都知道,字間距和行距都不能太大,而且間距要比行距小,而在文字比較少、版面比較空的情況下,我們可以把一些不是很重要且字數(shù)比較少的文字,采用大間距、大行距的方式排版。

      這么做等于是把單詞或者句子拆成了整齊排列的一組點,這樣它就能與版面的其它元素形成點、線、面的對比,可以增強版面的設(shè)計感,而且能覆蓋比較大的空間,起到裝飾的作用。

3

      4. 在文字中填充圖片

      為了效果比較好,用于填充圖片的文字通常是字號較大、筆畫較粗、字數(shù)較少的標題文字,圖片也要選擇質(zhì)感好、顏值高的,如果是具象的圖片則要盡量保證重要部分的完整性和識別性。

4

      5.文字立體效果

      不是說要把文字做立體字,而是把文字按照一定的結(jié)構(gòu)進行組合,或者把文字變形處理,從而達到三維效果。

      由于文字常見的狀態(tài)是扁平的,所以當打破文字這種常規(guī)的狀態(tài),將其圖形化、賦予三維效果時,就會具有很強烈的視覺沖擊。在使用這一技巧時要注意文字的識別性。

5

      6.描邊文字與描邊文字組

      這一技巧同樣也適用于標題排版,字體同樣要選擇筆畫較粗的無襯線體,而且字號要大,描邊字與無描邊字的字號要統(tǒng)一或者比較接近。

      這種效果比較好的原因是,描邊文字與無描邊文字組合在一起,可創(chuàng)造出鮮明的線面對比、虛實對比、輕重對比。為了保證文字的識別性,文字的描邊不要太細,也別太粗。

6

      7. 去底大圖與非去底小圖組合

      在圖片為人物、動物,或者產(chǎn)品的設(shè)計中,可以把最主要、或者質(zhì)量最好的一張圖片去底,并且拉大,然后再搭配 1-2 張比較小的方形圖片,這樣就能形成鮮明的大小對比和輪廓對比,效果也是不錯的。這種排版方式在網(wǎng)頁設(shè)計和畫冊設(shè)計中很常見。

7

      以上的 7 個版式小技巧還不錯吧,趕緊去試一試。你們可能也發(fā)現(xiàn)了,其實它們都是巧妙運用了設(shè)計中的對比原則,比如大小對比、粗細對比、點線面、平面與立體對比、輪廓對比、虛實對比等等。所以熟練掌握對比非常重要,你也可以在對比的基礎(chǔ)上,嘗試出很多有趣、好看的排版技巧和設(shè)計形式。

      最后歡迎對UI設(shè)計感興趣的同學來到千鋒UI設(shè)計培訓班了解我們的UI設(shè)計培訓課程,現(xiàn)在更有免費學習資料可以領(lǐng)取,趕緊來領(lǐng)取吧。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學 138****2860 剛剛成功領(lǐng)取
王同學 131****2015 剛剛成功領(lǐng)取
張同學 133****4652 剛剛成功領(lǐng)取
李同學 135****8607 剛剛成功領(lǐng)取
楊同學 132****5667 剛剛成功領(lǐng)取
岳同學 134****6652 剛剛成功領(lǐng)取
梁同學 157****2950 剛剛成功領(lǐng)取
劉同學 189****1015 剛剛成功領(lǐng)取
張同學 155****4678 剛剛成功領(lǐng)取
鄒同學 139****2907 剛剛成功領(lǐng)取
董同學 138****2867 剛剛成功領(lǐng)取
周同學 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
oracle怎么樣實現(xiàn)數(shù)據(jù)庫跨機房同步?

一、oracle怎么樣實現(xiàn)數(shù)據(jù)庫跨機房同步除了使用第三方工具,Oracle提供了extended cluster可以實現(xiàn)類似的功能,使用Oracle RAC + ASM。簡單說下...詳情>>

2023-10-14 01:57:43
web網(wǎng)站性能測試的常用指標有哪些?

一、頁面加載時間頁面加載時間是衡量網(wǎng)站性能的重要指標之一,它指的是從用戶請求一個頁面到頁面完全加載完成所需的時間。頁面加載時間的長短直...詳情>>

2023-10-14 01:50:34
MySQL索引為什么能讓查詢效率提高?

一、MySQL索引為什么能讓查詢效率提高DB在執(zhí)行一條Sql語句的時候,默認的方式是根據(jù)搜索條件進行全表掃描。如果我們對某一字段增加索引,查詢時...詳情>>

2023-10-14 01:38:15
什么是面向云原生系統(tǒng)的智能運維?

一、云原生系統(tǒng)概述云原生系統(tǒng)是指在云計算環(huán)境下構(gòu)建和運行的應(yīng)用程序系統(tǒng),具備高可用、彈性擴展、靈活部署和自動化管理等特點。它采用容器化...詳情>>

2023-10-14 01:25:33
怎么提升excel數(shù)據(jù)表訪問運算速度?

一、怎么提升excel數(shù)據(jù)表訪問運算速度目前版本Excel最大列數(shù)為16384,沒有10w加。運算速度和Excel中是否有公式、公式的復(fù)雜度、對象的對少、格...詳情>>

2023-10-14 01:22:48