積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:35 PM
Tue, Jan 21, 2020 2:05 PM
45
8
<設計/編排>
上次
來淺談字型
和
標準字
,這次聊聊歐文和編排吧
以及
如何選擇設計類書籍
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:35 PM
名詞複習:
標準字(logotype),針對品牌/視覺去設計,以文字為基礎的字型設計
layout,中文中有"布局"的意思。一張好的layout需要文,或是文+圖,透過編排設計和字體、圖像的運用來完成。
網格系統(Grid System),透過垂直、水平、幾何的方式劃分版面,以進行編排的一種系統(還有其他系統喔,但最基本的是網格系統)
字體大分類: 漢字/歐文,襯線體(明/宋體)/無襯線體(黑體)/圓體/介於襯、無襯間的字體
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:35 PM
為什麼要認識字體的應用?
字體就像食材,每種食材都有不同的風格。歐文字的變化繁複,相較起漢字,有更接近圖像的性質。編排設計的基本是字體,編排就像是如何運用這些字體(食材),去排列組合成一張好的稿子(料理)。
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:36 PM
做一張layout,一定要會很多的技術嗎?
了解字體、字型後,我們就可以嘗試做一張layout。我認為做好一張layout,最簡單的方式就是好的編排。選好字體,開始劃分版面,將歐文/漢字/圖像等資訊放入版面中。思考好layout要的調性,選擇適合的字體,就可以嘗試不同的編排方式。這時候,就可以用到之前提過的網格系統了。
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:36 PM
怎麼認識歐文字、怎麼選擇好的字體?
推薦可以看小林章先生的歐文字體 1+2
嘉瑞工房的世界歐文活字300年經典
但在這裡也推薦一個很棒的網站
FontShop
裡面收錄許多經典的、泛用的字體。我就從裡面認識了很多很棒的字體,一起認識字體,並好好的運用他們吧
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:39 PM
講了這麼多,網格系統到底怎麼運用?
推薦一本入門的書,叫TYPOGRAPHIC SYSTEM (葉忠宜選書)
但其實就是,劃分不同比例的格式線,藉此分配比例、空間、留白
比例是很神奇的東西,透過比例分配空間,就可以讓版面呈現不同的樣貌。
根據格式線,去放置文字、圖到畫面中,就是最基本的,應用網格系統的編排了。
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:41 PM
因為layout我知道的太少,但基本概念就是這樣。多看、多學、運用好的字體字型,就是基本的編排原則
之後會再推薦一些好的歐文字,編排類的書籍(我要再想想)
有任何問題都可以發問!能力範圍內都會回答
企鵝
@F5roT
Tue, Jan 21, 2020 1:47 PM
歐文是誰
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:48 PM
我打你喔
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 1:52 PM
附上格式線
可以大致看出這兩張layout的布局
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 2:00 PM
之後想再講一點VI和主視覺的流程,但我這輩子也沒做過幾個案子就是了(很懷疑到底能講多深入)
MINʕ·ᴥ·ʔde.bug
@genesis_min
Tue, Jan 21, 2020 2:11 PM
koxx7122
: 跟我注意到的點一樣(要被打ㄌ,來亂
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 2:11 PM
MINʕ·ᴥ·ʔde.bug
: 我只會打他,ㄏㄏ
宇宙ㄣㄣ
@universenn
Tue, Jan 21, 2020 2:12 PM
VI與主視覺ㄉ部分!
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 2:12 PM
宇宙ㄣㄣ
: 幹 你也知道這部分我不行 可不可以摳你來講
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 2:13 PM
宇宙ㄣㄣ
: 好辣 等我畢製做完就來打(要先把他們做完還要mockup...)
宇宙ㄣㄣ
@universenn
Tue, Jan 21, 2020 2:13 PM
Tue, Jan 21, 2020 2:13 PM
積橘🍊個人單7/15再開
:如果年後就可以 等我初稿交出去
積橘🍊個人單7/15再開
@tudog21519
Tue, Jan 21, 2020 2:16 PM
宇宙ㄣㄣ
: 那我等你打完我還不轉爆 (逼迫友人發文)
獅子▶獅蹤人口T54
@a_lion
說
Tue, Jan 21, 2020 5:16 PM
我不會勒奧
積橘🍊個人單7/15再開
@tudog21519
Wed, Jan 22, 2020 1:37 AM
獅子▶獅蹤人口T54
: 勒奧好難
載入新的回覆
上次 來淺談字型 和 標準字 ,這次聊聊歐文和編排吧
以及 如何選擇設計類書籍
標準字(logotype),針對品牌/視覺去設計,以文字為基礎的字型設計
layout,中文中有"布局"的意思。一張好的layout需要文,或是文+圖,透過編排設計和字體、圖像的運用來完成。
網格系統(Grid System),透過垂直、水平、幾何的方式劃分版面,以進行編排的一種系統(還有其他系統喔,但最基本的是網格系統)
字體大分類: 漢字/歐文,襯線體(明/宋體)/無襯線體(黑體)/圓體/介於襯、無襯間的字體
字體就像食材,每種食材都有不同的風格。歐文字的變化繁複,相較起漢字,有更接近圖像的性質。編排設計的基本是字體,編排就像是如何運用這些字體(食材),去排列組合成一張好的稿子(料理)。
了解字體、字型後,我們就可以嘗試做一張layout。我認為做好一張layout,最簡單的方式就是好的編排。選好字體,開始劃分版面,將歐文/漢字/圖像等資訊放入版面中。思考好layout要的調性,選擇適合的字體,就可以嘗試不同的編排方式。這時候,就可以用到之前提過的網格系統了。
推薦可以看小林章先生的歐文字體 1+2
嘉瑞工房的世界歐文活字300年經典
但在這裡也推薦一個很棒的網站
FontShop
裡面收錄許多經典的、泛用的字體。我就從裡面認識了很多很棒的字體,一起認識字體,並好好的運用他們吧
推薦一本入門的書,叫TYPOGRAPHIC SYSTEM (葉忠宜選書)
但其實就是,劃分不同比例的格式線,藉此分配比例、空間、留白
比例是很神奇的東西,透過比例分配空間,就可以讓版面呈現不同的樣貌。
根據格式線,去放置文字、圖到畫面中,就是最基本的,應用網格系統的編排了。
之後會再推薦一些好的歐文字,編排類的書籍(我要再想想)
有任何問題都可以發問!能力範圍內都會回答
可以大致看出這兩張layout的布局