首頁

快速提升設計氣質的7個版式技巧

天宇 平面設計

掌握一些有效的技巧,有時能事半功倍。

排版的技巧有很多,而且隨著設計的發(fā)展,每過一段時間都會有一些新的技巧流行起來,蔥爺今天要給大家分享的這7個技巧,也是近幾年比較流行,且容易上手、容易出效果的排版技巧。

 

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

 

由于識別性不高,手寫的英文單詞最好是無關緊要的,主要是為了起裝飾作用。
在此基礎上還可以進行色彩搭配,而且顏色對比最好要鮮明一點,這樣就建立起了強烈的粗細對比、大小對比、剛柔對比、色彩對比等。適合在海報設計、畫冊設計、網頁設計中使用。

undefined

 

 

 

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

 

 

因為這個圓圈文字能與版面中的圖片以及其他文字塊形成輪廓對比、面和線的對比、曲和直的對比等。為了讓其不太孤立和單調,最好最好把它疊加在圖片或其他文字上面。
組成圓圈的文字字體可以是襯線體、無襯線體或者手寫體,但字號不宜太大,精致、秀氣一點比較好看。

 

 

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

 

 

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

 

 

這是類似于攝影中雙重曝光的技巧,只不過把外輪廓圖形換成了文字,所以這既是一個排版技巧,也是一種設計形式。
為了效果比較好,用于填充圖片的文字通常是字號較大、筆畫較粗、字數(shù)較少的標題文字,圖片也要選擇質感好、顏值高的,如果是具象的圖片則要盡量保證重要部分的完整性和識別性。

 

 

 

 

 

不是說要把文字做立體字,而是把文字按照一定的結構進行組合,或者把文字變形處理,從而達到三維效果。
由于文字常見的狀態(tài)是扁平的,所以當打破文字這種常規(guī)的狀態(tài),將其圖形化、賦予三維效果時,就會具有很強烈的視覺沖擊。在使用這一技巧時要注意文字的識別性。

undefined

這一技巧同樣也適用于標題排版,字體同樣要選擇筆畫較粗的無襯線體,而且字號要大,描邊字與無描邊字的字號要統(tǒng)一或者比較接近。
這種效果比較好的原因是,描邊文字與無描邊文字組合在一起,可創(chuàng)造出鮮明的線面對比、虛實對比、輕重對比。為了保證文字的識別性,文字的描邊不要太細,也別太粗。

undefined

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

 

 

 

 

總結

 

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



作者:蔥爺
鏈接:https://www.zcool.com.cn/article/ZMTE0NTUwMA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

7種版面構圖 讓海報立馬不一樣!

天宇 平面設計

在設計的創(chuàng)作重,很多設計師都喜歡追求軟件技法帶來的炫酷感,而忽略了構圖理論知識帶來的重要性,這篇文章就是為了解決這個問題

海報設計對于初學者而言,是一個簡單入門,又容易出作品集的類目。在剛開始練習時不要天馬星空的去想象,最好的練習就是根據一定的構圖規(guī)范,嘗試尋找規(guī)律,建立可行的秩序,讓版面具有一定的閱讀性。

-

只有在版面具有基礎的閱讀性,才可以根據想法思路進行創(chuàng)意性的表現(xiàn),而建立持續(xù)最簡單的方式之一就是運用構圖。當下主流的常用構圖,我大概總結整理有七種形式,下面我們一起來了解一下,附帶案例演示。

 

 

 

第一種:四周壓角構圖→

四周壓角構圖指的是將標題或者重要信息放置在版面的四個邊角處,可以是圖形或者文字,其余信息元素等則放置在畫面中間區(qū)域,使其整個版面嚴謹有序,平衡且具有視覺的張力。壓住四角一般會結合居中式構圖來呈現(xiàn)版面,可以產生視覺聚焦。

 

 

 

 

 

 

將信息壓在四個角之內

 

 

 

將信息超出頁面四角一部分

 

 

 

將信息沿四周環(huán)繞排版

 

 

 

第二種:對稱式構圖→

對稱式構圖指的是將版面分成上下或者左右兩個部分,上下或左右兩部分比重相同,排版相似,對稱式構圖可以使版面更加有秩序感,適合處理信息較多,層級較為復雜的內容。對稱式構圖可以很快速的塑造出版面的平衡,視覺上的平衡幾乎就等于完成了版面的50%設計目的。是初學者中最為常見的形式之一,對稱之間互相呼應,信息處理可以從中快速打破呆板狀態(tài),讓版面具有靈活性。

 

 

 

 

上下對稱式構圖

 

 

左右對稱式構圖

 

 

 

第三種:居中式構圖→

居中式構圖也叫中心式構圖,是指把主體信息放在版心中間,這樣容易產生視覺聚焦,其他信息圍繞版面中心來進行排版設計,放在版面中心的可以是文字、圖片、圖形或者文字等。使用居中式構圖,需要多注意畫面整體的平衡和元素之間的留白關系,讓元素組合之間留有足夠的對比與閱讀性。

 

 

 

 

 

第四種:S型式構圖→

S型式構圖,將主要元素按照S型排版,版面更加的自由生動,非常具有表現(xiàn)力,是一種很常見的靈活構圖手法,主要元素可以是圖像、圖形、標題文字、slogan等。S型式構圖是講曲線與版面進行結合,可以快速的創(chuàng)造出靈活的版面視覺以及節(jié)奏感,可以很好的提高版面的形式感,同時也可以有效的引導觀眾讀者的視線。

 

 

 

 

 

第五種:三分式構圖→

三分式構圖是指將版面分割成相等或不等的三塊區(qū)域,每個區(qū)域放置相應的信息,三分式構圖分垂直三分法和水平三分法,三分之后版面更有秩序感,適合處理文案較多,層級較為復雜的內容。難度較高,同時容易讓版面連貫性斷層,所以在運用當中需要額外留意元素與空間之間的融合表現(xiàn)。

 

 

 

 

水平三分式構圖

 

 

垂直三分式構圖

 

 

 

第六種:傾斜式構圖→

傾斜式構圖,是指將版面整體或者主要元素作傾斜處理,也可做透視處理或對角處理,這種構圖使版面更靈活,更加的具有形式感,作傾斜處理的元素可以是主題、圖片等元素。傾斜與對角可以提高文字或圖片的表現(xiàn)力,能很快速的塑造整體的空間感。

 

 

 

 

 

第七種:散點式構圖→

散點式構圖,是指將元素按照規(guī)律或者不按照規(guī)律自由的放置在版面的區(qū)域,散點放置的內容通常有文字,圖片等,通常散點式構圖都會結合S型式構圖搭配使用,這種構圖形式感強,更具有畫面表現(xiàn)力.在運用的時候,需要特別注意文字或標題的閱讀性,過于搶鏡會讓版面丟失主題。

 

 

 

 

 

 

光說不練假把戲,實操案例來一個,這一個案例是圍繞四周壓角構圖來分享海報的制作操作技巧。

涉及到的知識點有:

①四周壓角構圖的技巧;

②文字編排;

③利用文字的局部輪廓化使版面更具有形式感。

我們先來看看最終的海報效果先。

 

 

 

第一步:→

所選的文案是一個攝影展,所以我們找了一張具有故事性的圖片作為底圖,新建文檔,背景填充為黑色,置入圖片,確定圖片在版面中的位置,因為我們準備做四周壓角構圖型的海報,所以我們與居中式構圖相結合,這樣能使版面的視覺聚焦。

 

 

第二步:→

根據圖片的構圖,我們來確定整體版面的構圖形式,由于圖片是居中偏右的,所以我們用居中式構圖加上四周壓角構圖來進行整體版面的風格呈現(xiàn)。

 

 

第三步:→

將主題文案“無限的山峰”以四周壓角構圖的方式放置在版面的四個角上,我們使用的是壓在版面以內的壓角構圖,并結合居中構圖的方式,這樣能使版面更加的規(guī)整有序,而且具有視覺張力,注意圖片和文字的聯(lián)系。

 

 

第四步:→

現(xiàn)在我們來進一步進行處理,由于主題文案相離較遠,接下來就是增強主題文字之間的聯(lián)系,我們嘗試用線來處理,線的作用就是連接與分割,我們用線將主題文字連接起來,并加上一些漢語拼音元素,使線條不會那么單調,并且更具有形式感。

 

 

第五步:→

先不急著下一步,我們先來觀察下版面,現(xiàn)在的版面被我們分割成了四份,我們把剩下的信息分別在指定的區(qū)域內進行排版。

 

 

第六步:→

我們將剩下的文案分別進行排版,重要的信息我們需要放大處理,不重要的信息可以偏小一些,重要的信息比如:參展藝術家、日期、地址等,這里要注意層級之間的劃分,要使版面顯得井然有序。

 

 

第七步:→

其實版面到這里已經處理的差不多了,但是主標題看起來稍顯平凡,跟內文的文字一樣,沒有什么特征特色,所以我們可以做更多的變化,拆分主題文字的一些筆畫,并使其輪廓化,我們還可以傾斜或放大一些筆畫,或者局部模糊,打散等等眾多效果都可以嘗試。

 

 

第八步:→

其最后把整體的細節(jié)稍微調整下,這樣,一張具有形式感的海報就形成了,這張海報用到了四周壓角構圖,居中式構圖,所以可得出結論,七種構圖方式之間是可以交叉使用的,只要能使版面更加的好看,更具有形式感就行。

 

 

→ 完成??!



作者:歐陽威John
鏈接:https://www.zcool.com.cn/article/ZMTQxMjgyMA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計圖標定制、用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

如何把控設計的畫面整體?這個六個視覺語言一定要了解

天宇 平面設計

不管是一部電影,還是一張視覺創(chuàng)意,想要消費者或者老板買單,從形、意、色、字、構、質等一系列視覺語言,都需要很好的掌握。

 

 

 

 



作者:Peng蓬的芝士追光
鏈接:https://www.zcool.com.cn/article/ZMTQ4ODYwMA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

學會版式的N個Tips| 這些排版細節(jié),精致顯高級

藍藍設計的小編 平面設計

這期內容依然是關于設計中的細節(jié)處理?;谖移綍r的工作經驗,下面給大家整理了10個排版小貼士,希望能為你帶來幫助。

 

 

 

 

 

 

 



作者:周妙妍
鏈接:https://www.zcool.com.cn/article/ZMTU0MzkwMA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

如何提升排版設計感?你需要知道的文字編排技巧

天宇 平面設計

關于文字編排的幾條小建議。

排版,或者說對文字的編排,不應該只是平面設計師才需要具備的設計能力。在互聯(lián)網設計大行其道的背景下,我認為不同方向的設計師都應該或多或少的具備一定水平的排版功底。能把排版做好,除了有助提升綜合設計能力之外,對自己作品的展示,也能夠起到錦上添花的作用。以下介紹幾個文字編排的小技巧,有助快速提升版式設計感。

 

一、重復

重復在版式設計中是指統(tǒng)一與增強,即重復使用顏色、字體、圖形等講究條理性與統(tǒng)一性;重復出現(xiàn)的顏色、字體與圖形能夠有突出與強調的作用。

在這里我們只針對在文字編排中,如何使用重復來編排文字,從而提升版式的設計感。

通過上圖的案例,我們將文字進行重復的編排之后,除了讓畫面更加飽滿規(guī)整之外,既能展示完整的星球圖案,文案也一定程度得到了加強,也使得主題更加明確,氛圍感更強。

 

 

二、描邊

在文字的編排中,描邊的使用,多用在背景點綴與副標題上。在上文對文字重復的編排中,也使用了文字描邊的處理,這也說明了設計師在設計的過程中需要根據具體情況,找到適宜需求的設計方式。

 

用描邊處理對文字進行編排,我們可以看到,描邊大多用在了輔助文字上,且被用來充當畫面點綴物。原因在于文字失去填充之后,可讀性會大幅度降低,就會失去文字用于承載信息的作用,所以我們在用描邊對文字進行編排的時候,要盡量避免將其用在主標題或者重要的文字信息上。

使用文字描邊去編排的好處是,當我們在設計的時候發(fā)現(xiàn)畫面太空曠,且沒有其他元素可以編排時,用這個方式豐富畫面,除了提升設計形式感之外,也可以讓我們一切的設計元素都有合理的來源,而不是隨機的添加突兀元素。

 

 

三、字距

字距,即文本中兩個字之間的距離。在長文本的文字排版時,我們很少會主動去控制文字間距。因為在一款字體被設計出來時,它的默認字距是經過設計與驗證過的,是最適合閱讀的字距。

但我們在版式設計中,為追求設計形式感,在文案較少的情況下,會對短文本或單一大標題的字距進行調整。原因在于短文本或大標題一般字數(shù)較少,閱讀負擔也相對較輕,所以可以接受對其字距進行適當?shù)娜藶榭刂啤?/p>

通過以上兩個字距編排案例的對比,可以發(fā)現(xiàn)錯誤編排忽略了文字閱讀性,在控制字間距的時候需要在形式感與實用性進行平衡。

 

 

四、繁體

中文繁體,從字型上相較簡體而言,筆劃會相對飽滿與均衡,文字排版使用上也會使版面更加規(guī)整。但從使用習慣來說,在做面向內地市場的設計時,繁體的使用需要反復斟酌,避免使用過于生僻的繁體,且盡量多用在短文本或標題。

從上圖案例可以看出,簡體中文的“二零·二一”雖然在閱讀習慣上會相對順暢,但單從文字編排來說,筆劃相差巨大,會造成視覺傾斜,看起來有些失衡。改成繁體中文“貳零·貳壹”,字型筆劃更加均衡飽滿,且文字也沒那么生僻,可閱讀性依然可以得到滿足。

 

 

五、斷句

對文案進行斷句,在重點部位進行定位打斷,然后在文字編排時體現(xiàn)出來。以此來制造視覺停留,故意發(fā)生不連續(xù)性的閱讀,讓閱讀落在重點部分。

斷句編排,可以看得出在版面受限制的情況下,是一個非常好用的編排方式,可以將主標題與副標題拉開差距,而且還能制造視覺重點。

 

 

六、填充

將適合主題的圖案(圖片)填充進文字,在設計風格與調性適合的條件下,盡可能選擇稍粗字體,以便展示圖案全貌,如果能看清圖案全貌的話,也能起到強化設計風格的效果。

找一張精致且符合設計調性的圖片,將它填充進文字,就能起到上面案例的效果。突出了標題,即不影響閱讀性,也強化了畫面整體效果。

 

 

七、裁剪

對字體進行裁剪和切割,是編排文字的常用手法,讓字體形成缺口或錯位,以此來創(chuàng)造形式感。但在裁切之后,缺失的筆畫會一定程度影響文字的閱讀性。所以在裁切時要注意保留文字的筆畫特征,盡可能的降低裁剪對文字可讀性的影響。

字體裁剪和切割的編排方式,大多用在相對比較大的字號上,原因在于字型被改變之后可讀性會減低,而相對較大的字號,可以彌補字型筆劃缺失帶來的可讀性降低。

 

 

八、空間

在平面的文字編排中,制造空間感的方式,主要依靠層級的疊加。營造出前后錯落的視覺感受,以此來突出我們要傳達的主體信息。

層次的區(qū)分,除了前后關系之外,還要對大小與顏色進行區(qū)分。盡量明顯的對比,以便拉開文字之間的層級關系。

 

 

九、實踐應用

接下來,可以試著運用上面的編排方式,來做一張最近很流行的酸性設計風格的海報。具體如何編排文字,當然是先把文字隨便排進版式中,然后再對版式的文字進行編排。

下圖是作者按照上面文字編排技巧,花了十幾分鐘做出來的海報,你也可以動手試試~

文字編排也是一門創(chuàng)作藝術,遠不止上文所提到的這幾種方式。本文只是列舉了幾種常用的方法,希望能對大家有所幫助



作者:zzyung
鏈接:https://www.zcool.com.cn/article/ZMTIzNjUwMA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

做設計這么久,還是這個技巧實用

天宇 平面設計

重復原則是經常提到的一個概念,在設計中用到的也是非常廣泛

設計中無論是版式還是字體等設計中,重復原則基本上用到的是最多的,這得益于重復本身的屬性,會使元素具備統(tǒng)一性,這樣視覺會更有節(jié)奏感,不至于整個畫面不融合,其中利用圓方三角或圖形做設計實最普遍的,相信大家都見過。

 

開篇前言

希望大家在牛年里都能實現(xiàn)自己的小目標

取得想要的成績,牛氣沖天

 

先簡單看看重復圖形在海報中的應用

這幅Nike的海報是將文字作為圖形進行設計

置入到幾何形中,形成統(tǒng)一,細節(jié)上進行特異性來表現(xiàn)

 

這幅海報更多的是不規(guī)則的幾何形進行組合,主要信息用白色矩形承載

形成特異性,能明確表達傳達的信息

 

這里則是用簡單的橫線重復形成圖形作為主視覺

還有很多主視覺都是用單元形拼湊成的,多學學Ai技巧用到設計中很重要

 

而字體設計中我們是不是見過這種

用幾何形來進行設計

這些都是重復圖形在設計中的應用

這種方法能夠幫我們發(fā)散思維

更好的掌握構成知識

 

Round 1

↓↓↓

 

下面我們用幾何形設計一幅海報

主題為重陽節(jié)

字體先用三角形和矩形進行設計

 

首先將筆畫用圖形代替

接下來填充漸變色,使文字更有層次感

 

確定好主視覺位置,對畫面進行空間劃分

這些空間用什么填充呢,是不是就可以繼續(xù)考慮用幾何形

那么接著用幾何圖形將空間填補

這里只是一種組合方式,別的方式期待大家解鎖

要注意元素之間的節(jié)奏性

接著我們對信息進行處理,做好信息之間的對比

 

然后將一部分幾何形去除

把我們需要的信息放到相應的位置即可

加上噪點效果增加質感

 

最后我們加一個帶場景的樣機效果 

 

Round 2

↓↓↓

 

如果用到商業(yè)海報中能不能用這個思路呢

我們一起來看看

嚯哈~

 

我們先看看文案信息,簡單將文字劃個層級

 

 

顯然是個家裝的海報,全屋定制

盡量要高級一點

 

再來看看客戶提供的圖片

 

 

 

三張圖片,說多不多,說少不少

我們就分成多個矩形塊來嵌入圖片

 

上面主要是圖片,下面是信息

 

 

接著我們對信息進行處理

文字選用宋體,凸顯品質感

 

信息之間都做個小對比

 

 

中文配英文,標題配符號,這個是要點,記住了啊

 

 

接著我們將主標題和主圖放到相應的位置

接著將剩余信息放進相應的空間

由于整體色調偏低飽和度,這里背景我們選用藍灰色

 

 

最后看這個畫面,是不是左下角還有點空

而且氛圍感不夠

這時候我們加上一些裝飾

再安排一個小沙發(fā),畫面就完成了

 

 

 

今天的分享就到這里了,希望對小伙伴有一點點幫助

新的一年,立個小目標

爭取把學到的東西轉化成自己的,才是真正的進步



作者:趣設記
鏈接:https://www.zcool.com.cn/article/ZMTIyNDMwMA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計桌面端界面設計、APP界面設計圖標定制、用戶體驗設計、交互設計UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

平面設計:創(chuàng)意與視覺的交響

藍藍設計的小編

一、平面設計的定義與意義 平面設計,簡而言之,是通過文字、圖形、色彩等視覺元素,在二維空間內進行創(chuàng)意性的組合與排列,旨在達到特定的信息傳遞和審美目的。它超越了簡單的排版和美化,是一種藝術創(chuàng)造,體現(xiàn)了設計師對世界的獨特理解和表達。 二、創(chuàng)意:平面設計的靈魂 在平面設計中,創(chuàng)意是不可或缺的靈魂。一個好的設計作品往往憑借其獨特的創(chuàng)意,讓人眼前一亮,留下深刻印象。設...

設計優(yōu)化實例:如何讓畫面飽滿?

資深UI設計者

大家有沒有在排版的時候,明明畫面排的很滿,可是看起來畫面還是不夠飽滿。

奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?

ui設計分享達人

導讀
: 歐洲杯余溫尚在,巴黎奧運會開幕在即,體育賽事總是跨越著時間與地域,將觀眾們的情緒緊緊相連。
除了精彩紛呈的競賽本身,各大體育賽事的視覺表達也總能引起熱議?;諛嗽O計、賽場新貌、信息文字……它們不僅沉淀著歷史基因,還傳達著關乎當下的特色表達,而其中字體的選擇也是關鍵要素。
本文聚焦 8 項全球頂尖體育賽事的徽標及官網設計,感受字體如何在其中構建起富有表現(xiàn)力的場域。
 
1|奧林匹克運動會
奧運會的徽標設計總是引人注目,往往融合了前瞻的設計理念及豐富的地域特色,其中圖形設計與文字信息的和諧搭配亦至關重要。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
即將到來的 2024 巴黎奧運會會徽融合了金牌、奧運圣火與象征國家的瑪麗安娜元素,以此致敬女性運動員。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
而下方文字則是設計團隊特別定制的 Paris2024 Font 可變字體,風格簡約,線條動感,蘊含裝飾藝術風格。這款字體不僅運用到了印刷物料中,也在巴黎奧運會官網中用以呈現(xiàn)信息。
歷屆奧運會徽標設計常常采用手寫字體或是定制字體以更好地匹配概念核心,但也有不少徽標采用了現(xiàn)成的字庫字體。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
 
例如 2004 雅典奧運會徽標采用了 Gill Sans,組委會表示這款字體的字母形狀與大量的希臘古代石刻銘文有異曲同工之妙。2020 東京奧運會使用了 DIN,其嚴謹細致的字體基因與祖市松紋圖案搭配和諧。
 
2|澳大利亞網球公開賽
Font:Sharp Sans
網球四大滿貫賽事之一的澳大利亞網球公開賽(簡稱澳網),創(chuàng)辦至今已有 100 多年的歷史,是每年四大滿貫中最先舉行的一個賽事,亦是最年輕的大滿貫。
左:舊徽標         右:新徽標
左:舊徽標 右:新徽標
 
澳網于 2016 年推出了新徽標,使用了 Sharp Type 字體公司旗下的 Sharp Sans(現(xiàn)已加入蒙納家族)。相比于舊徽標,這款幾何風格無襯線體為徽標增添了更多時尚簡約的現(xiàn)代氣息。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
澳網官網也使用了 Sharp Sans,既保證了視覺風格的統(tǒng)一,也通過這款適應度極高的字體實現(xiàn)了良好的信息傳達。
 
3|溫布爾登網球錦標賽
Font:Gotham
同為網球四大滿貫賽事之一的溫布爾登網球錦標賽(簡稱溫網),創(chuàng)辦于 1877 年,歷史悠久、聲望豐厚。獨特的草地場地也是溫網的特色之一,為比賽增添了獨特的觀賞性和挑戰(zhàn)性。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
目前的溫網徽標自 2011 年起啟用,代表草地顏色的綠色部分有兩個交叉的球拍和一個網球,外側紫色環(huán)形部分則用 Gotham 字體標注了溫網名稱。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
這款經典的美系無襯線體也應用到了溫網的數(shù)字呈現(xiàn)中,既權威直率,又蘊含輕盈優(yōu)雅。
 
4|NBA 美國職業(yè)籃球聯(lián)賽
Font:Knockout
左:舊徽標         右:新徽標
左:舊徽標 右:新徽標
 
NBA 的徽標也經歷了多重的煥新,2017 年,維持了長達 48 年的徽標有了小幅度更新,核心部分維持不變,色彩略微調深,字母變得更窄,強化徽標在品牌數(shù)字資產中的醒目度。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
NBA 官網則是選擇了 Hoefler & Co. 旗下的 Knockout 字體。這款字體是對與 19 世紀末美國活版印刷商各種無襯線字體的一種總結詮釋,打破了現(xiàn)代主義的傳統(tǒng),傳遞出更為經典的美式風格基因,與網站整體視覺風格相得益彰。
 
5|英格蘭足球超級聯(lián)賽
Font:蒙納定制字體 Premier Sans
作為歐洲足球五大聯(lián)賽之一,也因節(jié)奏快、競爭激烈、強隊眾多而商業(yè)表現(xiàn)極為突出的足球聯(lián)賽,英超聯(lián)賽在 2016 年啟動了品牌升級,適配更多元化的媒介。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
 
左:舊徽標         右:新徽標
左:舊徽標 右:新徽標
 
 
蒙納應 DesignStudio 委托,為英超聯(lián)賽定制了品牌字體 Premier Sans。品牌升級前,英超聯(lián)賽一直使用一款全大寫的字體;時過境遷,英超需要一款更清新、親切的字體,適配各種媒介。此外,歐洲職業(yè)足球聯(lián)賽的品牌營銷競爭激烈,字體也需要在營銷上發(fā)揮作用。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
最終,Premier Sans 這款字體不僅在大字號下確保了良好的展示,還適應表格這樣布局密集的版面,并配備了窄體來顯示較長的球員名字,從而適用于多種媒介,從屏幕、球衣號碼、再到電視節(jié)目、排名表等等。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
6|世界摩托車大獎賽
Font:蒙納定制字體 MotoGP Font
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
國際摩聯(lián)(FIM)公路賽車的各項賽事中,世界摩托車大獎賽(MotoGP)最受關注。MotoGP 始創(chuàng)于 1949 年,是歷史最久的摩托車大獎賽,每個賽季覆蓋四大洲的 16 個國家。
作為頂級的摩托車賽事,MotoGP 集結了全世界最優(yōu)秀的車手與最先進的摩托車型。2020 年,MotoGP 商業(yè)權利持有方 Dorna Sports 決定與 Fontsmith(現(xiàn)已歸入蒙納)合作,設計一款活力、高端、迷人的品牌字體。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
該款字體不僅框架清晰,并且融入了賽事元素,如開放的車道形狀,因而兼?zhèn)淠ν熊嚬I(yè)感的曲線和優(yōu)美的視覺意味,個性鮮明且富有動感,從而使 MotoGP 的品牌形象和力度都得到提升。
 
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
目前,這款字體不僅應用于 MotoGP 的各類實體物料,也呈現(xiàn)在各類數(shù)字媒介和轉播畫面中,鮮明一致地傳達出賽事風格。
 
7|倫敦馬拉松
Font:ITC Avant Garde Gothic + Proxima Nova
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
倫敦馬拉松誕生于 1981 年,于每年 4 月下旬舉辦。倫馬也是世界六大馬拉松賽事之一,但不同于其他賽事,倫敦馬拉松是一個慈善馬拉松,大約三分之二的跑者都是通過慈善捐款的方式獲得參賽資格。
倫馬的徽標左側字體頗具優(yōu)雅的曲線感,而右側則使用了一款現(xiàn)成的字體:ITC Avant Garde Gothic。
這款字體以 Avant Garde 雜志的 logo 字體為基礎而設計,并逐漸由設計師團隊經手優(yōu)化為完整的字體家族;具有強大而現(xiàn)代的外觀,是平面設計師用于標題及短文本的理想選擇。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
倫馬的官網標題字體也沿用了 ITC Avant Garde Gothic,正文則選擇了易讀性更強的的 Proxima Nova,兼具力量感與現(xiàn)代性。
 
8|全英羽毛球公開賽
Font:Neue Haas Grotesk Display + DIN
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
全英羽毛球公開錦標賽是世界上歷史最悠久、最負盛名的羽毛球錦標賽,由 1898 年在英國吉爾福德成功舉辦的世界上第一場羽毛球公開比賽發(fā)展而來。
倫敦創(chuàng)意機構 Monopo London 于 2023 年為全英賽打造了忠于基因卻也更為活力的視覺升級。更為平面的圖案設計、全新的配色方案等都帶來了更溫暖、舒適、愉悅的感官體驗。
奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
 
在字體應用方面,此次視覺升級也頗有考量。
官網標題字體選用了 Neue Haas Grotesk Display(這款字體正是 Helvetica 的前身),正文字體則是蘊含著德系干凈嚴謹基因的 DIN。兩款字體相輔相成,既展現(xiàn)年輕、現(xiàn)代的外觀,又清晰鮮明地呈現(xiàn)大篇幅文字信息。
結語
體育賽事往往歷史悠久,蘊含著深厚的品牌基因,也隨著時代的發(fā)展進行視覺升級。字體在其中亦占據重要的視覺核心,不僅奠定了表達基礎,也在賽場、網頁、宣傳廣告等多種媒介上完善信息的呈現(xiàn)。
活力、堅韌、愉悅、希望……無論是使用字庫字體抑或定制字體,更靈活、更大膽的字體策略,能將品牌聲音傳達更遠,觸達更多,設計表達與創(chuàng)意的可能性也正在于此。
 


作者:Monotype蒙納
鏈接:https://www.zcool.com.cn/article/ZMTYyODM4NA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。
 

藍藍設計(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計圖標定制用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數(shù)據可視化設計公司、用戶體驗公司高端網站設計公司、銀行金融軟件UI界面設計能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計醫(yī)療行業(yè)軟件UI界面設計教育行業(yè)軟件UI界面設計企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

潮流風格平面設計案例

前端達人

今天給大家分享一張潮流風格平面設計案列的,我們先來看下效果:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
潮流風格的定義,一個是顏色用黑色綠綠兩種顏色形成強烈的單色對比形成潮流感。
 
另一個就是潮流圖形的使用比如:
我是真沒想到,大廠設計師把潮流風格做成這樣!??!
 
 
接下來我們就分享一下步驟,看看一步一步是怎么做出來的。
 
 
1.制作背景?先填充一個綠色,然后加入一個紙張紋理:
我是真沒想到,大廠設計師把潮流風格做成這樣?。。? data-src=
 
 
得到以下的效果:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
繪制紋理,用一個圖形圈定選區(qū),然后用波點筆刷刷出紋理:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
得到以下效果:
我是真沒想到,大廠設計師把潮流風格做成這樣!??!
 
 
我們的背景就制作好勒。
 
 
 
2.中間層制作
用矩形工具繪制一個矩形在畫面中心,四周留出一圈間距:
我是真沒想到,大廠設計師把潮流風格做成這樣!??!
 
 
使用一張素材圖疊加到矩形區(qū)域,使用正片疊底模式加去色使其變成背白:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
給黑色的矩形區(qū)域整體加上一層波點紋理,讓其更富有質感:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
 
 
 
 
3.增加圖形和信息
使用好看的英文排版在左邊空白區(qū)域,兩個相同的英文一個是實心的白色,另一個采用描邊的樣式,這樣可以看起來更有變化:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
在英文字體之間用一個線條穿插起來:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
在右邊的人物疊圖之前用矩形工具畫一些線框:
我是真沒想到,大廠設計師把潮流風格做成這樣?。。? data-src=
 
 
 
 
 
 
 
4.豐富排版
在畫面四周空白的區(qū)域增加一些細節(jié)排版,把畫面鋪滿:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
 
 
 
 
5.制作點綴物
標簽:
我是真沒想到,大廠設計師把潮流風格做成這樣?。。? data-src=
 
 
紙質卡片:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
星星圖形制作:
 
直接使用多邊形工具,參數(shù)如下:
 
邊數(shù):4,圓角半徑:0,星形比列:1%,勾選平滑星形縮進:
我是真沒想到,大廠設計師把潮流風格做成這樣!?。? data-src=
 
 
然后把我們做好的幾個圖形排列到畫面當中畫好的矩形框里:
我是真沒想到,大廠設計師把潮流風格做成這樣?。?!
 
 
最后在右邊空白的大框里放上一個LOGO或者圖形,我們的最終畫面就完成了!看看最終效果:
我是真沒想到,大廠設計師把潮流風格做成這樣!?。? data-src=
 
 
這種潮流排版的設計,其實比較主要的就是顏色和圖形,顏色不宜過多,黑色是萬年不變的主要顏色,黑色配任意一種單色都會有很不錯的效果。
 
 
其次就是咱們的點綴和圖形的使用了,一般就是英文,星星,鐳射卡片這些東西,多找找參考也很容易做。
 
 
當然,要想做的很好的話,還有很多細節(jié)需要注意,比如字體大小,間距,畫面的比例等等細節(jié)多注意考量,希望對大家有幫助。
 
 


作者:菜心輕量文
鏈接:https://www.zcool.com.cn/article/ZMTYyMTYwMA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。

藍藍設計(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數(shù)據可視化設計公司、用戶體驗公司高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

日歷

鏈接

個人資料

藍藍設計的小編 http://www.yvirxh.cn

存檔