Tweet
Tweet

Slide 1

Slide 1 text

ꬊ رؠ؎ش٦ָ
 6*رؠ؎ٝד㔭׏׋׵ וֲׅ׷ַ 2016/01/22
 Fumihiro Nakahara @ grooves

Slide 2

Slide 2 text

Nakahara Fumihiro @711fumi Designer ( Design / HTML / CSS / JS? / Ruby? )

Slide 3

Slide 3 text

رؠ؎ٝכꨇ׃ְկ Difficult to design UI Layout Font
 Color

Slide 4

Slide 4 text

وط׃ג׫״ֲկ Hommage…?

Slide 5

Slide 5 text

- LAYOUT - ؕةث׾وطׅ׷

Slide 6

Slide 6 text

⿫罋חׅ׷㼎韋׾䱱ׅ ٥ؚؚ׷ծֶ孡חⰅ׶כװ׶ך؟؎ز ٥-1װ8FC؟؎ز瘝ךٍؘٓٔ٦؟؎ز ٥#PPUTUSBQװ8PSEQSFTT瘝ךذٝفٖ٦ز رؠ؎ش٦ָ⡲ㅷ׾䫎珲ׅ׷4/4 !

Slide 7

Slide 7 text

&

Slide 8

Slide 8 text

رؠ؎ش٦䫎珲4/4ד䱱ׅ葺ׁ ٥؟؎زך珏겲ծ葿ד嗚稊דֹ׷ ̔TIPQ $PSQPSBUF CMVF ٥ل٦آװ؝ٝه٦طٝزד׮嗚稊דֹ׷ ̔NFOV MPHJO DBSE QMBZFS ٥؎؛ג׷رؠ؎ָٝ㢳ְ

Slide 9

Slide 9 text

- COLOR - ꂁ葿׾وطׅ׷

Slide 10

Slide 10 text

ְְזה䙼׏׋ꂁ葿׾وطג׫׷ խـٓؐؠ䭁䓸堣腉ךأه؎زזוד葿׾؜حز

Slide 11

Slide 11 text

- FONT - ؿؓٝز׾وطׅ׷

Slide 12

Slide 12 text

ְְזה䙼׏׋ؿؓٝز׾وط׷ 8FCل٦آ瘝ד֮׸ל$44׾然钠 ↑ Helvetica Neue

Slide 13

Slide 13 text

ְְזה䙼׏׋ؿؓٝز׾وط׷ IUUQXXXNZGPOUTDPN8IBU5IF'POU 歗⫷ד⢪׻׸גְ׷ؿؓٝز׾鍑匿ׅ׷؟٦ؽأ ֻ֮תד⿫罋玎䏝
 傈劤铂♶〳

Slide 14

Slide 14 text

- CONFIRMATION - 然钠

Slide 15

Slide 15 text

׃׏ֻ׶ֿזֽ׸לֿֿ׾然钠 ٥鵚䱸 ꟼ鸬ָ֮׷׮ךכ鵚ֻחתה׭׷ رؠ؎ٝח莆㄂ָ֮׷➂כ ظٝرؠ؎ش٦ؤ٥رؠ؎ٝـحؙכ 䗳׆铣׿דֶֹת׃׳ֲ ٥侭⴨ ➭ך銲稆ה♧⡤䠬׾䭯׋ׇ׷ ٥⿾䗁 鋉⵱䚍ח״׷♧⡤⻉ծٔؤي ٥؝ٝزٓأز 䞔㜠ך圓鸡׾׻ַ׶װֻׅׅ׷ ٥ 瑞涯 鑥׭鴥׫麓ֺ岣䠐

Slide 16

Slide 16 text

װ׏ג׫״ֲկ Enjoy!

Slide 17

Slide 17 text

Thanks !