92
the PORTFOLIO

Chen,Chieh Lin : The Portfolio

Embed Size (px)

DESCRIPTION

陳介林個人作品集.

Citation preview

Page 1: Chen,Chieh Lin : The Portfolio

the PORTFOLIO

Page 2: Chen,Chieh Lin : The Portfolio

[作者的話]

Page 3: Chen,Chieh Lin : The Portfolio

the PORTFOLIO

INTRODUCTION

陳介林

南台科技大學視覺傳達設計動畫組畢.

/ Chen,Chieh-Lin.

C O N T A C T/

ANDY1214F@GMAIL .COM

屏東縣萬丹鄕水泉村泉興路996號

℡:0953606662

SKILLS SET:

色 彩

PHOTOSHOP

素 描CLIP PAINTSTUDIO

PATIENCE

PASSION

EFFORT

ILLUSTRATOR

具有熱忱 -學習心盛並富研究精神願多指教。

00

Page 4: Chen,Chieh Lin : The Portfolio
Page 5: Chen,Chieh Lin : The Portfolio
Page 6: Chen,Chieh Lin : The Portfolio
Page 7: Chen,Chieh Lin : The Portfolio
Page 8: Chen,Chieh Lin : The Portfolio
Page 9: Chen,Chieh Lin : The Portfolio
Page 10: Chen,Chieh Lin : The Portfolio
Page 11: Chen,Chieh Lin : The Portfolio
Page 12: Chen,Chieh Lin : The Portfolio

FONT/anatomy

Page 13: Chen,Chieh Lin : The Portfolio

FONTSGLOSSARY

APEX/頂角

A point at the top of a character where two strokes meet.

字母中,兩筆劃交會所形成的外頂端點。

CROSSBAR/橫線

The horizontal stroke in letters. Also known as a Bar.

字母中水平式的筆劃。也稱為橫線。如:AH。

OPEN COUNTER/缺口字櫃

The partially open space within a character that is open on one end.

一個字符內有著一端開放的空間。

OVERSHOOT/過靶襯線

Ascenders extending into the space of a following character.

上升部延伸入下面字符的空間。

LEG/字腿

Short, descending portion of a letter.

該字母中短且下降的部分。如Kk右下方的延伸筆劃。

COUNTER/字櫃

The open space in a fully or partly closed area within a letter.

字面內全然封閉或部分封閉的空間,稱為字櫃。如:dos。

LOBE/耳垂

A rounded projecting stoke attached to the main structure of a letter.

一道圓弧的突出筆劃連接到文字的主要枝幹結構,此圓弧為Lobe。

TAIL/尾線

A descending stroke, often decorative.

下降的筆劃,通常是帶有裝飾性質的。如QR。

CROTCH/內側角開叉

An acute, inside angle where two strokes meet.

兩筆劃交鋒成銳利的內側角。

VERTEX/下角

The outside point at the bottom or top of a character where two strokes meet.

兩筆劃交接於底端或頂端,所形成的外端點。如WwVv。

HAIRLINE/髮線

A thin stroke usually common to serif typefaces.

一段細痩筆劃通常見於襯線字型中。

Page 14: Chen,Chieh Lin : The Portfolio

DESCENDER LINE/下降線

The invisible line marking the lowest point of the descenders within a font.

該無形線輕觸著文字中下降部的最低點。

DIAGONAL STROKE傾斜/對角線筆劃

An angled stroke.

一段傾斜筆劃。

BASELINE/基線

The invisible line where all characters sit.

文字座落的基準線。

MEANLINE/中線/x線

Imaginary line running along the top of non-ascending, lowercase letters.

一條沿著小寫字(此小寫字沒有上升部)頂端的假想線。

CAP LINE/大寫線

A line marking the height of uppercase letters within a font.

一條標示大寫字母高度的線。

ASCENDER LINE/上昇線

The invisible line marking the height of ascenders in a font.

該無形線輕觸著文字中上昇部的最高頂點。超出大寫線一些些的字,頂端最終會抵在上昇線之下。

x-HEIGHT/x高

The height of lowercase letters reach based on height of lowercase x; does not include

ascenders or descenders.

以小寫x高度為基礎;不包含上升部和下降部。

ASCENT LINE/字頂線

The invisible line marking the farthest distance between the baseline and the top

of the glyph.

一條輕觸字元系列頂端的無形線。Top line才是字元設計範圍的最上端。

CAP HEIGHT/大寫高度

The height of a capital letter measured from the baseline.

大寫高度是基線到大寫線的高度距離。

BOWL/字碗

The fully closed, rounded part of a letter.

造型全然封閉,在字母本身圓弧的線條上,形似碗。如:dboDB。

ASCENDER/上昇部

An upward vertical stroke found on the part of lowercase letters that extends above the

typeface’s x-height.

x高度到上昇線之間的部位,稱為上昇部。

EYE/字眼

Much like a counter, the eye refers speci�cally to the enclosed space in a

lowercase ‘e’.

就像一個字櫃,字眼是特別指小寫e裡的封閉空間。

HOOK/字鉤

A curved, protruding stroke in a terminal. Usually found on a lowercase f.

一段彎曲且突出的筆劃在終線內,稱為hook,通常發現於小寫f上。

FINIAL/尖頂飾

AA tapered or curved end.

一段錐形或彎弧的結尾。如Cc的下方的上翹筆劃及雙層a的上部分。

BALL TERMINAL/球狀終線

A circular form at the end of the arm in letters.

一個圓球狀的造型出現在字臂筆劃的終點。如:acf。

EAR/字耳

A small stroke extending from the upper-right side of the bowl of lowercase g;

also appears in the angled or curved lowercase r.

一段小筆劃從雙層小寫g的上面字碗的右上方延伸出來;也出現在傾斜或彎曲的小寫r的右上端點

上。如gr。

LINK/鏈環

A stroke that connects the top and bottom bowls of lowercase double-story g’s.

一條連接上部字碗與下部字碗的筆觸(只出現在小寫的雙層g中)。

LOOP/迴圈

The enclosed or partially enclosed counter below the baseline of a double-story g.

全然封閉或部分封閉,位於基線之下的雙層g的下方字櫃,稱為Loop。

Page 15: Chen,Chieh Lin : The Portfolio

TITTLE/小點

A small distinguishing mark, such as an diacritic on a lowercase i or j. Also known as

a Dot.

一個小型的區別用符號,像是讀音符護在小寫i或j的上頭。也被認為是點。

BILATERAL SERIFS雙邊襯線

A serif extending to both sides of a main stroke. They are re�exive.

該襯線從主要筆劃延伸到兩方,呈鏡射樣。

ARC OF STEM/弧型豎線

A curved stroke that is continuous with a straight stem.

一條彎曲筆觸是接續在筆直的豎線下。

STEM/豎線

Vertical, full-length stroke in upright characters.

垂直且全長的筆劃出現於直立的字上,就稱為豎線。

APERTURE/字孔

The partially enclosed, somewhat rounded negative space in some characters.

部分封閉且些微圓緩的負空間,稱為字孔。如:hmnCS,小寫e的下部分,小寫雙層a的上部分。

SHOULDER/字肩

The curved stroke aiming downward from a stem.

一道朝向豎線的向下彎曲筆劃。如mn。

BODY HEIGHT/字身高度

The complete area covered by all of the characters in a font.

下降線(Descender Line)到上昇線(Ascender Line) 的落差高度,為字身高度。

AMPERSAND/&符號

A stylized character of the Latin et used to represent the word and.

一個經過風格演變的字符,用來表示拉丁文的et,意思是and。

AXIS/軸線

An imaginary line drawn from top to bottom of a glyph bisecting the upper and lower

strokes is the axis.

一條可對分字母的假想線,軸線用來觀察字型設計的傾斜角度。

DESCENDER/下降部

The part of the letters that extends below the baseline.

文字延伸到基線之下的部分,稱為下降部。

SERIF/襯線

A stroke added as a stop to the beginning and end of the main strokes of a character.

一個字母中,一段筆劃銜接於主要筆劃的起點與終點,該筆劃稱為襯線。

TEARDROP TERMINAL淚滴形終線

The teardropped ends of strokes in letters of some typefaces.

於某些字型的字母會有如淚滴形狀般的終線筆劃結尾。如ry。

SPINE/字脊

The main curved stroke of a lowercase or capital S.

在大小寫Ss中,主要中間的彎曲筆劃段落。

BEAK/字喙

A sharp spur, found particularly at the top of letters in some 20th centry Romans.

一個如馬刺般的突出造型,可以在一些標準襯線體的上方發現。

TERMINAL/終線

The end of a stroke that does not include a serif.

筆劃末端沒有襯線的部分,稱為終線。

CROSS STROKE/交錯筆劃

A horizontal stroke that intersects the stem of a lowercase t or f.

在小寫ft中,一條水平筆劃交叉穿過豎線,稱為交錯筆劃。

BRACKET/托架

A curved or wedge-like connection between the stem and serif of some fonts.

Not all serifs are bracketed serifs.

彎曲或楔型的內弧線或斜線連接於豎線與襯線之間。並非所有的襯線都是托架型式的。

ARM/字臂

A horizontal or upward, sloping stroke that does not connect to a stroke or stem on

one or both ends.

一段呈水平狀或傾斜向上的單獨筆劃,一端可能連著其他筆劃或與豎線交會。如:大寫T的橫劃、

CGFE,K的右上筆劃。

Page 16: Chen,Chieh Lin : The Portfolio

LOWERCASE/小寫

The smaller form of letters in a typeface.

在字型中的小寫字形,形體多半較小。

STROKE/筆劃

A straight or curved diagonal line.

一個直的或彎的斜線/對角線。

SMALL CAPS/小型大寫字

Small capitals (usually abbreviated small caps) are uppercase (capital) characters set at the same height and weight as surrounding lowercase (small) letters or text

�gures.小型大寫字是原是大寫字,但是將字體粗細及高

度設計與小寫字相同。

TABULAR LINING FIGURES等距字

Tabular lining �gures: Numbers that share identical character widths (that is, they are monospaced). Using tabular �gures enables you to set columns of numbers, and have them neatly line up vertically. This is especially useful for tables, thus "tabular". Tabular �gures

are often lining.

等距字:數字之間設計成一致的空間與寛度(意即等寛字體)。使用等距數字可以設定每欄幾個數字,而且能整齊地垂直對齊。這種等距的特性非常適

用於表格製作上,故稱為"表格式字體"。

FLAG/字旗

The horizontal stroke present on the numeral 5.

出現於數字5的橫向筆劃段落。

PROPORTIONALLINING FIGURES

調和字

Proportional �gures are different from Tabular �gures in their total character width. They are spaced to �t together more like letters. For instance, the �gure 1 is very narrow like the letter l and takes up less width than the number 6. Because their spacing appears more even, these �gures are best in texts and headings where columnar alignment is not

necessary.

調和字與等距字不同點在於整體文字的寛度。調和字數字經過適宜的字距調整,就像是字母設計也是精心微調字距。例如數字1和字母I都很狹長,於是佔用空間就設計的比6小。如此,文字間隔就會更加的均衡,調和字適合使用於內文及標題,當

垂直式對齊不是很必要的時候。

OLD STYLE/舊式數字體裁

Old-style �gures is the other numeral form (than lining) used by western languages, in which numerals 0, 1, and 2 are at x-height; numerals 6 and 8 have bowls within x-height, and ascenders; numerals 3, 5, 7, and 9 have descenders from x-height; and the numeral 4

rests along the baseline.

舊式數字體裁:舊式數字是另一種數字的呈現型態,012高度與小寫x相同;有著字碗結構的68則超過小寫x的高度,且具有上昇部;3579的高度則落在中線到下降部之間;數字4的橫線則是緊貼在

基線的上方。

FRACTIONS/分數字

Fractions are mostly divided into three categories: basic, extended and arbitrary. Basic fractions are ¼, ½ and ¾ – a standard in most fonts in all formats. Extended fractions are found in many, but not all fonts, and usually include ¹/₈, ³/₈, ⁵/₈, ⁷/₈, and sometimes ¹/₃ and ²/₃. Arbitrary fractions include anything and everything else, such

as 18/256.

分數字最常分成三個類別:基本型、擴展型及任意型。基本型的分數字像是¼, ½ and ¾,¼本身就是單一個字元-大部分字型都會出現的標準分數字。擴展型分數字只出現在某些字型中,並非每種字型都有,如¹/₈, ³/₈, ⁵/₈, ⁷/₈或¹/₃ and ²/₃,透過分子字/分母字就可以做到。任意型即是直接使用預設數字再加上斜線,如18/256,就是不使用分數字了。○是Numerator(分子),○是

Denominator(分母)。

SUPERSCRIPTSUBSCRIPT上標與下標

A subscript or superscript is a number, �gure, symbol, or indicator that appears smaller than the normal line of type and is set slightly below or above it – subscripts appear at or below the baseline, while superscripts are above. Subscripts and superscripts are perhaps best known for their use in formulas, mathematical expressions, and descriptions of chemical compounds or isotopes, but

have many other uses as well.

上標與下標可以是數字、符號或記號,其形體比正常的數字或字母還小許多,下標會稍微低於基線(或直接位於基線上),上標則會壓過中線直抵著大寫線。下標上標的用法最常見於方程式與分子式、數學運算式、化學成分的描述或同位素。上標

下標也常做其他用途使用。

LIGATURE/連字

Two or more letters are joined together to form one glyph or character.

兩個或多個字母連接在一起,而形成一個字符或文字。

QUAINT/古雅體

An antiquated sort or glyph, used to recreate the typographic �avor of a bygone age.

一種古舊樣式或字符,通常用來復刻舊式排版的風味。

SWASH/鉤耳花飾

A �ourish addition replacing a terminal or serif.

以花樣裝飾取代原先的終線結尾或襯線。

ITALICS/斜體

A cursive alphabet which is matched with a roman font and used along chie�y for emphasis.

一個標準正體會搭配一個草寫/斜體的字母,斜體主要是作為”重點強調”。

DIACRITIC/讀音符號

A ancillary mark or sign added to a letter.

一個輔助的標記或符號加在字母上。

BODY HEIGHT/字身高度

Ascenders extending into the space of a following character. The height of the body

equals the point size.

下降線(Descender Line)到字頂線(Ascent Line) 的落差高度,為字身高度。字身高度也等

同於(Point,pt)點數大小。

SPUR/馬刺

A small projection off a main stroke.一個小突出的點露出於主要筆劃下。

Page 17: Chen,Chieh Lin : The Portfolio
Page 18: Chen,Chieh Lin : The Portfolio

1992

ITC LEGACY SERIF STD

SERIF

Page 19: Chen,Chieh Lin : The Portfolio

GIJMNOQRW

abdpqfgijot &

0356789 aiofg

GIJMNOQRW

abdpqfgijot &

0356789 aiofg

GIJMNOQRW

abdpqfgijot &

0356789 aiofg

GIJMNOQRW

abdpqfgijot &

0356789 aiofgAdobe Jenson Pro Venetian Style, 1996 Centaur Venetian Style, 1914

ITC Legacy Serif Std Book Venetian Style, 1992 TriniteNo3-RomanCondExp Venetian Style, 1982

Old Style / Traditional

Old style or humanist typefaces date back to 1465 and are characterized by a diagonal stress (the thinnest parts of letters are at an angle rather than at the top and bottom), subtle di�erences between thick and thin lines (low line contrast), and excellent readability. Old style typefaces are reminis-cent of the humanist calligraphy from which their forms were derived. An old style font normally has a left-inclining curve axis with weight stress at about 8 and 2 o'clock; serifs are almost always bracketed (they have curves which connect the serif to the stroke); head serifs are often angled.

Old style faces are sub-divided into Venetian (or humanist) and Garalde (or Aldine). Examples of Venetian old style typefaces include Adobe Jenson, Arno, Berkeley Old Style, Centaur, Cloister, Fairfield, Legacy, and Trinité. Examples of Garalde old style typefaces include Bembo, Caslon, Galliard, Garamond, Goudy Old Style, Granjon, Janson, Palatino, Renard, Sabon, and VandenKeere.

老式

老式或人文主義字型的產生可回溯到1465年,特徵是帶有傾斜的筆壓(一個字母最細的部分不是在頂部或底部,而是在斜對角的部分,粗細線條之間微妙的區別,筆畫粗細的對比不強烈;出色的可讀性。老式字型讓人想起書寫時代的造型。一個舊式風格的字型正常來說都會有向左傾斜的筆壓軸線,方向大致是8到2點鐘的傾斜角度;襯線通常連接著托架(托架:襯線與筆畫的交接處,補上的內圓角或楔型線段,使襯線到筆畫間的落差,呈現平滑及美觀的效果)。文字上方襯線往往是傾斜的。

舊體字型還能分成兩類子風格:Venetian (或humanist) and Garalde (或Aldine),Venetian風格的字型有 Adobe Jenson, Arno, Berkeley Old Style, Centaur, Cloister, Fairfield, Legacy, and Trinité。Garalde風格的字型有 Bembo, Caslon, Galliard, Garamond, Goudy Old Style, Granjon, Janson, Palatino, Renard, Sabon, and VandenKeere。

Page 20: Chen,Chieh Lin : The Portfolio

Bembo Std Garalde Style, 1496 Garamond Premier Pro Garalde Style, 1530

Goudy Oldstyle Std Garalde Style, 1915Adobe Caslon Pro Garalde Style, 1725

Palatino LT Std Roman Garalde Style, 1950 Sabon LT Std Roman Garalde Style, 1964

Old Style / Traditional

Serif fonts can be broadly classified into one of four subgroups: traditional/old style, transitional, modern and slab serif.

Venetian: The Renaissance (Geralde is the baroque group of Old Style typefaces.) group of Old Style typefaces. It was a style developed by Renaissance typographers to replace the Blackletter style of type. Based on ancient Roman inscriptions, Venetian and Geralde style fonts are generally characterized by low contrast between thick and thin strokes, bracketed serifs, and a left-leaning axis or stress.

老式

襯線體可被廣泛的分類成四個子種類:傳統/老式,過渡體,現代體與埃及體。後三者會陸續介紹。

Venetian是屬於文藝復興(Geralde起源於巴洛克時期)的舊式風格字型。這種風格發展自文藝復興時期的排印員,是為了取代當時的手抄書字型。Venetian與Geralde的設計是以古代羅馬的銘刻體為基準,該字型群的特徵是粗細筆劃對比不大,具有托架處理的襯線,還有向左傾斜的軸線或筆壓。

GIJMNOQRW

abdpqfgijot &

0356789 aiofg

GIJMNOQRWabdpqfgijot &0356789 aiofg

GIJMNOQRW

abdpqfgijot &

0356789 aiofg

GIJMNOQRWabdpqfgijot &

0356789 aiofg

GIJMNOQRW

abdpqfgijot &

0356789 aiofg

GIJMNOQRW

abdpqfgijot &

0356789 aiofg

Page 21: Chen,Chieh Lin : The Portfolio
Page 22: Chen,Chieh Lin : The Portfolio

GIJMNOQRWabdpqfgijot &0356789 aiofg

ITC Century Std Book 1975

Trasitional.

Page 23: Chen,Chieh Lin : The Portfolio

GIJMNOQRWabdpqfgijot &0356789

Baskerville Old Face 1754

GIJMNOQRWabdpqfgijot &0356789aiofg

ITC Bookman Std Light 1858

GIJMNOQRWabdpqfgijot &0356789 aiofgTimes New Roman MT Std 1931

GIJMNOQRWabdpqfgijot &0356789 aiofgGeorgia 1993

Transitional

Transitional or baroque serif typefaces �rst appeared in the mid-18th century. They are among the most common, including such widespread typefaces as Times New Roman (1932) and Basker-ville (1757). They are in between modern and old style, thus the name "transi-tional." Differences between thick and thin lines are more pronounced than they are in old style, but they are still less dramatic than they are in modern serif fonts. Other transitional serifs include Bookman, Century, Georgia

and Plantin.

過渡體或巴洛克襯線體最早出現於18世紀,廣泛且能見度高,像是Times New Roman(1932)和Baskerville(1757)。過渡體介於舊體與現代體之間,因此命名為”過渡體”。與舊體的差異是,過渡體稍加強調粗細筆劃寛度的對比。但是與現代體相比,其筆劃就沒有對比落差如現代體劇烈。其他過渡 體 字 型 包 含 Bookman、Century、G e o r g i a 和

Plantin。

Page 24: Chen,Chieh Lin : The Portfolio

D i d o t L T S t d R O M A N

abdpqfgijot

Page 25: Chen,Chieh Lin : The Portfolio

M O D E R N 現 代 體

Page 26: Chen,Chieh Lin : The Portfolio

漢字設計本也是課餘時間為

了瞭解漢字的結構及設計規

則,所整理的筆記及字體整

理集,僅取出部分資料放置。

漢字設計本也是課餘時間為

了瞭解漢字的結構及設計規

則,所整理的筆記及字體整

理集,僅取出部分資料放置。

Page 27: Chen,Chieh Lin : The Portfolio
Page 28: Chen,Chieh Lin : The Portfolio

中 文 字 形 修 正

中 文 字 形 - 構 成 與 分 類

字 型 設 計 要 點 及 空 間 調 整

筆 法 解 說 與 近 似 字 型 過 渡

各 字 型 基 本 筆 劃 一 覽 表

中 日 字 型 詳 實 列 表

筆 劃 與 空 間 安 排 會 影 響 字 的 視 覺 結 構 。

左 右 構 成 、上 下 構 成 、複 合 構 成 及 內 外 構 成 。

明 / 黑 體 設 計 要 點 及 重 量 粗 細 需 要 結 構 調 整 。

永 字 作 基 本 筆 法 介 紹 及 近 似 字 型 的 造 型 漸 變 。

比 永 字 更 詳 盡 - 這 些 基 本 筆 劃 構 成 所 有 文 字 。

黑 體 、圓 體 、書 法 體 、特 殊 字 型 。

01

02

04

08

10

12

中 文 字 型 設 計 基 礎目 次

Page 29: Chen,Chieh Lin : The Portfolio

修正前

每個字型因為基礎形狀`

筆劃多寡及方向不同,

所以要調整各字框大小,

在視覺表現才會匀稱˚

二、王、生 十、廿、才 工、巫 令、小、谷 田、雨、國

中、串、丰 川、州、爪 叉、又、父 樂、戀、轡 干、止

力、夕、勿 人、尺、入 下、丁、丅 上、丄 匚、凵、兇、同、匹

中文字形修正

Page 30: Chen,Chieh Lin : The Portfolio

一 字不可分割之構成 。

右與左二部分之構成:左小右大 。

右與左二部分之構成:左右均等 。

左 中 右 三 部 分 之構成 。

右與左二部分之構成:左大右小 。

上與下二部分之構成:上小下大 。

上與下二部分之構成:上下均等 。

上 中 下 三 部 分 之構成 。

上與下二部分之構成:上大下小 。

右分上下與左之構成 。

左分上下與右之構成 。

上分左中右與下之構成 。

上分左右與下之構成 。

內與外二部分之構成:全包圍 。

內與外二部分之構成:上包下 。

內與外二部分之構成:左上包右下 。

內與外二部分之構成:下包上 。

下分左中右與上之構成 。

下分左右與上之構成 。 內與外二部分之構成:左下包右上 。

內與外二部分之構成:右上包左下 。

中文字既多又繁複,但是都離不了這些規則─左右構成、上下構成、複合構成及內外構成,由左而右四排,共四種類型。左頁以網格與圖形示意,右圖是簡圖與案例文字。

Page 31: Chen,Chieh Lin : The Portfolio

木米大子水火文 ( 不可分割 )一字不可分割之構成

付師祖姐掃性行冷海稅協 ( 左小右大 )右與左二部分之構成

北兆刊加封孔斜財新政林 ( 左右均等 )右與左二部分之構成

到都卻劉刈亂 ( 左大右小 )右與左二部分之構成

謝獄滸榔晰湖 ( 左右三分 )左中右三部分之構成

陽陛旗輯 ( 右分上下 )右分上下與左之構成

韻部雜凱 ( 左分上下 )左分上下與右之構成

留契努祭 ( 上分左右 )上分左右與下之構成

巒戀鬱愆 (↑左中右 )上分左中右與下之構成

晶品森蟲 ( 下分左右 )下分左右與上之構成

贏嶽薇 (↓左中右 )下分左中右與上之構成

官軍冠寅宇宙 ( 上小下大 )上與下二部分之構成

雲雪男尖 ( 上下均等 )上與下二部分之構成

黑盡煎盪 ( 上大下小 )上與下二部分之構成

意器莫築 ( 上下三分 )上中下三部分之構成

圓園回國 ( 全包圍 )內與外二部分之構成

周風聞鬪 ( 上包下 )內與外二部分之構成

凶幽函画 ( 下包上 )內與外二部分之構成

疾石廣雁 ( 左上包右下 )內與外二部分之構成

通廷趙毯 ( 左下包右上 )內與外二部分之構成

可司虱旬 ( 右上包左下 )內與外二部分之構成

Page 32: Chen,Chieh Lin : The Portfolio

筆劃簡單的字,其直豎劃應

比筆劃較多的字略粗些,中

間橫劃往上移些以求字的平衡。

十逆三角形的字,重心在上方,

所以橫劃應往下移些,另外

直豎劃也應向左移以求平衡。

下上下兩橫劃應向內移,才致

顯得字體過高的感覺,中間

橫劃向上移些;由於左邊直豎劃的

關係,所以左邊顯得重些,故將中間

直豎劃往右移些以求安定感。

正下方長橫劃部分,左邊較短,

右邊較長些,或是將直豎劃

往左邊移些比較有安定感。下方長

橫劃應往上移,中間短橫下方空間

應留大些。

左右及下方均要留空間,中

間兩直豎劃應較外側兩直豎

劃細些,並且中間的空間亦較小些,

才能求得安定感。

曲正四方形的字,有擴大的感

覺,所以四周要比其他的字

縮小些,中間直豎劃應較外側筆劃

細些,中間橫劃應往上移。

田橫劃較多的字,應注意橫劃

與橫劃之空間要平均,更應

注意筆劃的長短關係,通常第二橫

劃應比其他橫劃略長些。

課三條直劃的字,中間筆劃較

短些,左邊的點最大,而且向

左垂,應特別注意筆劃及空間的連

接關係。州

痩長形的文字,左右兩邊空

間要大些,並且內面三段空

間,下面最大,中間次之,上面最小,

如此才能顯示視覺上的平衡效果。

十下正上目曲田課州

明 體 字 設 計 注 意 要 點

Page 33: Chen,Chieh Lin : The Portfolio

左側的空間較大,重心偏右,

所以直劃應向左移,看起來

比較安定。下面橫劃應往上移。中

間短橫劃應在直劃的正中央,如此

才會比較平衡。

上逆三角形的字,重心在上方,

與上字相反,橫劃應往下移;

因為右側有點,所以直劃應向左移

些,同時應注意橫劃與點之空間不

要太窄。下

左右對稱的字,較容易書寫。

三橫劃應有長短之分,否則

會顯得字很大。中間橫劃最短,而且

往上移些,與上字一樣,下面橫劃應往

上移些。王

二橫劃,下橫劃較短,上橫劃

不能太長,如此才能顯得下

面的人字比較穩定。

四方框圍起的文字,空間顯

得較大,所以四周筆劃應向

內移些。裡面橫、直筆劃均應較四周

筆劃稍細些。

田內面兩直劃應比外面直劃細

些,裡面橫劃也應比外面橫

劃細些。此乃橫、直筆劃交叉過多的

文字,看起來比較暗/重之故。

曲可字的口,可使字有穩定的

作用,若口太大,會不安定,太

小則重心會往上移。口的橫劃應寫

細些,勾處要向內心往內勾,字型才

能有穩定感。

可三直劃的字,中間直劃應寫

短,細些,左側點畫大些,而且

像左展開,右側點次之,中間點最小

。筆畫與空間的連接應特別留意。

州三段空間,下面最大,越上面

越小,橫劃多的文字,橫劃應

稍微寫細些,兩撇八字應張開些,如

此比較平衡。

上下王天貝田曲可州

黑 體 字 設 計 注 意 要 點

Page 34: Chen,Chieh Lin : The Portfolio

明 體 字 型 空 間 調 整

小 塚 明 朝 P R O - E L / M / H

永永永愛愛愛

Page 35: Chen,Chieh Lin : The Portfolio

黑 體 字 型 空 間 調 整

小 塚 ゴ シ ッ ク P r o - E L / R / B

永永永愛愛愛

Page 36: Chen,Chieh Lin : The Portfolio

七‧掠(撇)

往左下方的筆劃,以尖細筆畫收尾,彎如犀角。長直撇

(彩髮)、長曲撇(天助)、平撇(禾氏)、豎撇(月府)。

九‧磔(捺)

磔指古代分裂身體的刑罰。筆勢由左上而右下、由細

而寛的展開,以流暢的尖細收尾。側捺(大叔)、平捺(

建足、近迂)、平頭捺(入八)。

八‧啄(短撇)

側筆往左下,以明快而尖細的筆劃收尾,形如鳥喙,故

又稱為「喙」。短直撇(行乞)、短曲撇(水走)。

一‧側(點)

書寫動作由上側筆而下。有右下點(太主)、垂點(心照)、直點

(文之)、長點(不亦)、水旁點(冷汗)、上下點(飛裙),六種。

二‧勒(橫)

由左而右、細平的橫筆而忽現一丘。長橫(三元)、斜橫(斗也)。

三‧折(勒+努)

一橫一豎交相垂直而成。右折(口片)、左折(世匠、亡芒)、斜折

(好妾、巡巢、台系、又多)。

四‧努(直)

一右側露出鉚頭,並向右下方微傾,由上垂直走筆而下,漸漸粗

肥,到末端右側稍作斜圓收筆。(中年)。

五‧趯(勾)

趯是「踢」的意思。勾尖的收尾,筆勢連貫流利、尖銳而明快。

直勾(小丁)、橫勾(軍官)、長曲勾(狂象)、短曲勾(部螂)、

圓勾(院陽)、包勾(包刀)、浮鵝勾(光冠、九亂)、斜勾(弋鼠)

、背拋勾(風氣)。

六‧策(挑或左上撇)

由左下而右上,起筆為鉚頭,以尖細筆畫收尾,如揚鞭策馬之

形,又稱為「挑」。斜挑(堆銀)、長曲挑(打孔)、打勾挑(以衣)。

永 字 九 法 筆 法 解 說

Page 37: Chen,Chieh Lin : The Portfolio

楷 書 明 體 黑 體 圓 體 過 渡

Page 38: Chen,Chieh Lin : The Portfolio

A-OTF

正楷書

CB1

Std

各字型基本筆劃一覽表

楷書

楷書

明體

特殊體

特殊體

黑體

圓體

特殊體

特殊體

A-OTF

正楷書

CB1

Std

A-OTF

リュウミン

Pro-EB-KL

FOT-スキップ

Std

B

A-OTF

フォーク

Pro B

A-OTF

新ゴ

Pro-M

A-OTF

新丸ゴ

Pro-M

FOT-ハミング

Std

B

A-OTF

丸フォーク

Pro-B

右下點

垂 

直 

長 

水旁點

上下點

長 

斜 

直/豎

直 

橫 

長曲勾

短曲勾

圓 

包 

浮鵝勾

浮鵝勾

斜 

背斜勾

各 字 型 基 本 筆 劃 一 覽 表

Page 39: Chen,Chieh Lin : The Portfolio

斜 

長曲挑

打勾挑

長直長曲平 豎 短

直短曲側 

平 

平 

平頭捺

右 

左 

左 

斜 

斜 

斜 

斜 

各 字 型 基 本 筆 劃 一 覽 表

撇撇撇撇撇撇

Page 40: Chen,Chieh Lin : The Portfolio
Page 41: Chen,Chieh Lin : The Portfolio
Page 42: Chen,Chieh Lin : The Portfolio
Page 43: Chen,Chieh Lin : The Portfolio
Page 44: Chen,Chieh Lin : The Portfolio

天龍國這個字體設計形式像是不

動產的LOGO,事實上是故意嘲諷

不動產價格被哄抬得天花亂墜,

尤其台北地區最為嚴重,台北市

又被戲稱「天龍國」,其中一定有

個「天龍國房仲集團」在背後炒作

房價啊!

Page 45: Chen,Chieh Lin : The Portfolio
Page 46: Chen,Chieh Lin : The Portfolio

「文字設計筆記」是為了更

了解美術字設計,所製作的

研究紀錄,從案例分析及字

體結構及重心去分析,了解

造字的規則進而習得製作

美術字的能力。

Page 47: Chen,Chieh Lin : The Portfolio

大致上是將筆劃分成「開頭」、「拉出」、

「終止頓」,設計一套字型得對基礎筆劃

做出基本的規範,再依字的結構做調整。

Page 48: Chen,Chieh Lin : The Portfolio

以明體來說,橫劃與縱劃有著不同的粗

細,不同的字重(Weight)會是不同粗

細的明體字,不同的對比會產生明晰與

穩重的差異。

Page 49: Chen,Chieh Lin : The Portfolio

字的重心不同會讓字有矮扁穩重感或是

高雅飄忽感,同時扁字與直字在直向與

橫向的閱讀性上也有不同的差異。

Page 50: Chen,Chieh Lin : The Portfolio

字的重心不同會讓字有矮扁穩重感或是

高雅飄忽感,同時扁字與直字在直向與

橫向的閱讀性上也有不同的差異。

Page 51: Chen,Chieh Lin : The Portfolio

進行一組字型的設計,需要對每個基本

筆劃做設定;或者是使用網格或統一的

角度與粗細去設計一組字型。

Page 52: Chen,Chieh Lin : The Portfolio
Page 53: Chen,Chieh Lin : The Portfolio

這三張筆記是以範例分析來解說基本

筆劃的設定很重要,是製作美觀美術字

的訣竅。會使用手繪方式來製做筆記是

希望可以更理解筆劃的感覺及訓練手

眼協調的能力,奠定基礎文字設計能力。

Page 54: Chen,Chieh Lin : The Portfolio

參賽作品名稱是"青花詞"

藍底設計為藍夜,盞盞白花在夜光下

開放。

上色方法

1.先用鈷藍色壓克力顏料,先不加水

直接塗上,共塗四層, "每層都要乾了

再塗"。 2.之後,要加多點水,沾鈷藍

色顏料,水要多到可以在表面變亮亮

的,總之水分要足,要上四層(要等乾

)。 3.接著,用白色顏料筆畫上花紋。

南科CIBOY公仔設計競賽優選

Page 55: Chen,Chieh Lin : The Portfolio

這是在大三期間參加CIBOY公仔設計競賽所獲得的獎項,主題

是台灣歷史考古,許多題材可發揮,如大坌坑、客家、清朝等時期

元素可以發揮,我選擇清朝的青花瓷來做為發想主題並製作之。

4.畫完後,用亮光漆淋上̃等乾。亮光漆

倒上,藍色顏料和白色都融掉了,變成淡

淡一層。5.於是,等乾了之後補畫花卉。

6.最後用的亮光噴漆上最後亮光(其實

也有保護效果),等乾̃完成。

Page 56: Chen,Chieh Lin : The Portfolio

包裝展開圖

Page 57: Chen,Chieh Lin : The Portfolio

一組商品並放置網路拍賣平台,

包裝盒部分由我設計,以美式風

格的包裝來製作整個盒子外觀。

包裝設計 (三上課程作品)

包裝設計課程,要我們自主企劃

Page 58: Chen,Chieh Lin : The Portfolio

才獲得的勇氣,會令人更加珍惜。

逃避並不丟臉,因為在逃避後…

逃避並不丟臉,因為在逃避後···

才獲得的勇氣,會令人更加珍惜。

專題動畫名片設計

Page 59: Chen,Chieh Lin : The Portfolio

配樂

陳介林

[email protected]

om

導演 後製 配樂監製 製偶陶宏虹 張郡恩 陳介林羅婷婷 林于芳

這是大學畢業專題的動畫作品,為了宣傳於是設計了兩款名片:

「個人名片」與「動畫宣傳名片」─在展覽期間供觀者自由拿取,

主要是動畫劇照、片名、粉絲頁QR碼以及個人連絡方式。

Page 60: Chen,Chieh Lin : The Portfolio

這張作品的風格是荷蘭靜物畫,強調在物品擺設及描繪細緻度,這是初次挑

戰精細素描,總共花了幾乎兩個禮拜的時間雕琢細節,就是要看自己可以描

繪到多細的層次。構圖有些要訣,首先是打稿得先將每個物件歸納成大塊面

且於畫面中拉一些參考線來輔助繪製的準確度。大構圖完成後就處理細部,

等到都把線稿確定後,就必須不斷在整體與細部間對照以確保畫面和諧。

大三課堂指定作業─靜物寫實素描

素描作品

Page 61: Chen,Chieh Lin : The Portfolio

STILL-LIFE SKETCHINGS

此圖也是在挑戰描繪的精細度及考驗專注力及耐心,因為對結構還不是很了

解,所以再繼續加強這方面的技巧。在畫過程中也去參考了大陸的素描畫冊,

特別是有所謂的結構素描,在訓練對物體空間正確透視及結構的掌握,可以

有助對空間的認識及日後立體物件的想像,進而了解一個物體受光之後,怎

樣去思考並重新表現具象畫面,這段立體結構練習對我實在是受益良多。

Page 62: Chen,Chieh Lin : The Portfolio

大三課堂指定作業─景物寫實素描

後來就開始去挑戰景物寫生,開始思考畫面的細節不能同時存在,必須有所

拿捏。另外要按照畫面構圖去微調每個物件的比例,邊觀察邊畫,觀察完之後

要在腦海中修正明暗色調,思考畫面的氣氛和重點要表現在何處,然後不斷

動筆畫。另外相較於前面作品是消除筆觸,在此是學習用筆觸去營造實物的

質感,想試著用較少的筆法去營造相同的感覺,寫生過程體認到拿捏及想像。

素描作品

Page 63: Chen,Chieh Lin : The Portfolio

這張是嘗試用炭精筆畫的靜物,跟鉛筆不同的是炭精色調

較厚重,筆劃一帶出就很有繪畫質感。鉛筆很容易暗處反

光,不過細微表現處是鉛筆拿手的地方,炭精則便於速寫。

Page 64: Chen,Chieh Lin : The Portfolio

記憶場所 / THE SCENE

Page 65: Chen,Chieh Lin : The Portfolio

槍俠 / THE COWBOY

Page 66: Chen,Chieh Lin : The Portfolio
Page 67: Chen,Chieh Lin : The Portfolio
Page 68: Chen,Chieh Lin : The Portfolio

文字立體塗鴉

這是”THE CULTURE WE CREATE”的字樣,

是比較著重立體感的塗鴉作品。

Page 69: Chen,Chieh Lin : The Portfolio

這張作品是描述人類滅絶的衰退景象

貧瘠衰退的環境與傾頹機骸共存

滅絶紀元

繪圖作品DRAWING ARTWORKS

Page 70: Chen,Chieh Lin : The Portfolio

層疊異象城市

課程作品,是一座層層疊起的無盡城市,高聳城牆如山崢嶸,

居民早已適應這猶如迴廊的疊架城市。

Page 71: Chen,Chieh Lin : The Portfolio

府城‧太極‧五月天

課程作品,要以標題來做意象發揮,府城是歲月的紅磚牆

太極是圓融兩極的流形,五月天是演唱會的光束

Page 72: Chen,Chieh Lin : The Portfolio

報紙寫實繪圖

課程作品,寫實的繪圖訓練,報紙的細節要鉅細靡遺,

立體的色調也要真實,假字也要有模有樣。

Page 73: Chen,Chieh Lin : The Portfolio

抽象的躍動

課程作品,以抽象的圖形去構思畫面,運用適當的

形狀及色調來為畫面帶來一致的和諧感

Page 74: Chen,Chieh Lin : The Portfolio

參與白木屋包裝設計比賽,概念以一張紙完成紙盒結構,並確保

易於收納且結構穩固,並且展開包裝後可直接切取蛋糕,配色以

偽金色、青色及淡白黃色來營造素雅且高級的外觀質感。

包 裝 設 計 / 課 程 作 業

Page 75: Chen,Chieh Lin : The Portfolio

蛋糕包裝盒設計

PACKAGE

CAKE

DESIG

N

※拿取圓扣展開包裝盒

Page 76: Chen,Chieh Lin : The Portfolio

上圖是包裝盒展開圖,右圖是包裝盒開啟分解圖。本蛋糕盒

不使用任何接著劑即可完成牢固結構。且都是使用「插梢式」

6.9

0.2

5.6

8.5

3.3

8.5

4.4 0.35

8.8 26 8.8 21.8 4.4 2.2 1.1

2.8

3

73.1

8

25.5

4

47

10

單位:CM

來固定整個包裝盒。本包裝設計特點是:1.提把可以便於從

袋中拿取。 2.兩側梯形有「三角形」結構,防止蛋糕盒前後鬆

動,並於一側以插梢來固定 (看上圖 )。 3 .可完全展開,蛋糕

切取方便。 4.以一紙可完成的包裝,可回收既環保。 5.外觀

新穎,可隨業者更新形象包裝,有助品牌宣傳以提升銷售。

Page 77: Chen,Chieh Lin : The Portfolio
Page 78: Chen,Chieh Lin : The Portfolio
Page 79: Chen,Chieh Lin : The Portfolio

C D 包 裝設計C D P A C K A G E D E S I G N

6 i n 1 精 選 輯 設 計

Page 80: Chen,Chieh Lin : The Portfolio

以一張A4紙折出可收納兩片CD的方法,紙材可替換亦可印刷設

計圖樣及其他加工,外觀簡約且兼具環保及節省空間的收納方法。

不需要裁切,即一般A4紙便可完成,使用堅靭紙材可提高耐用度。

Page 81: Chen,Chieh Lin : The Portfolio
Page 82: Chen,Chieh Lin : The Portfolio

左圖是大包裝CD收納草模及正反版面配置,

成品會在不同角度呈現封面曲目及專輯照片。

Page 83: Chen,Chieh Lin : The Portfolio

除了雙CD收納袋之外,另用厚磅數紙製成如蚌殼狀的大收納CD袋,

此大收納袋可裝3個雙CD收納袋,總共可存放6片CD。折疊後尺寸

約略大於光蝶,既是環保簡潔且富便攜收納性,外觀設計上具有彈性。

Page 84: Chen,Chieh Lin : The Portfolio
Page 85: Chen,Chieh Lin : The Portfolio

此為精選輯成品,小圖是專輯正反面,上圖是完成品,每張專輯有各自

主題包裝,外為封面曲目,內為形象照。兩張紙即可完成無膠結構設計。

Page 86: Chen,Chieh Lin : The Portfolio

實習

期間

T恤

設計

暑假實習設計T恤

S U M M E R I N T E R N S H I P

D E S I G N T- S H I R T S .

用 店 名 搭 配 年 份

同 心 圓 連 綿 層 疊

這 件 是 設 計 為 店 面

T 恤 供 平 日 工 作 穿 著

I N T E R N S H I P D E S I G N A R T W O R K S

Page 87: Chen,Chieh Lin : The Portfolio

廣澤

尊王

廣 澤 尊 王 潮 流 設 計 T 恤廟

實]

[習

期間

T恤

設計

I N T E R N S H I P D E S I G N A R T W O R K S

Page 88: Chen,Chieh Lin : The Portfolio

實 習 T 恤 設 計

作 預的 備 T 恤

店 面 工

Page 89: Chen,Chieh Lin : The Portfolio

D E S I G N

實 習 期 間 對 我 影 響 良 多

可 以 提 高 效 率 並 且 更 加 督 促 自 我 提 昇 專 業 能 力設 計要 是 初 步 與 業 界 接 觸 , 體 認 到 怎 樣 的 設 計 流 程主

Page 90: Chen,Chieh Lin : The Portfolio

CHEN,CHIEH-LIN

[email protected]

0953-606662

^_____^

Page 91: Chen,Chieh Lin : The Portfolio
Page 92: Chen,Chieh Lin : The Portfolio