パクって上達する

Webデザインkeisei (@keisei_1092)

TDU Future Engineering Night LT #2 2014.6.28

PROFILE (近況)• keisei (Lv.20) • iOS Developer Programの話をしたかった・・・・・・。 • 大学クソ忙しい

• 最近は講習資料制作(ソフ研)で作曲もやってない

• 最近のマイブームは弥生軒の唐揚げそば（写真） • ねとらぼに掲載されてた

2

今回話すこと• 内容

• 自分のやりたいWebデザインを （パクることで）作る

• 対象 • Webデザインに興味がある全ての人

• 値段 • ¥0

3 Today’s font: Gill Sans Light

初心者だと何から始めれば良いか分からない

4

ってことで・・・

5

パクろう！

6

ググる

7

良さげなのを見つける

8

良さげなのを見つける

9

参考にする場所を選ぶ

10

推敲• クリックすると横に画面が遷移して情報が出てくる • メニューがカーブしている

• 無理っぽいので早急に諦め

• 縦に実装するとメニューで占有して

情報量が少なくなりそう • 今回は横に並べることに

11

とりあえずこんな感じに

12

ここらへんまで来ると自分でやりたいことがきっと出てくる

13

自分の場合

14

• 各メニューを透明にしてメニュー通りの色を背景に設定→左右にアニメーション

ググる、そして 妥協できるところに落とし込む

15

ね、簡単でしょ

16

ソフ研の公式サイト

17

ソフ研の公式サイト

18

追従するメニュー

19

パク参考にしたページ

20

ソフ研サウンド班のサイト

21

ソフ研サウンド班のサイト

22

ソフ研サウンド班のサイト

23

参考にしたページ

24

参考にしたページ

25

大事なこと• なぜそのデザインがイケてるのか考える

• 配色 • 配置 • スペース

• イケてるサイトA、スタイリッシュなB、流行を取り入れたC・・・・・・ • いつかオリジナルといえるデザインを目指したい

26

くれぐれも趣味以外の場では パクらないようにしましょう

27

参考にしたサイト• Coloured Lines

• http://colouredlines.com.au

• 岐阜駅周辺の美容院・美容室ならLATERA(ラテラ)エンビロンスキンケア • http://latera.jp/

• 瀬戸内コンピ2 | 特設サイト • http://momomomiji.com/setouchi2/

28