sketch 3 を使って、コンテンツの魅力を 最大限に活かしたuiを作ろう

10
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう DeNA UI/UXデザイナー 増田直生

Upload: naoki-masuda

Post on 02-Jul-2015

1.717 views

Category:

Documents


11 download

DESCRIPTION

7月16日(水曜日) Base6で行われた「Yahoo! Japan DeNA iOSエンジニア・UI/UXデザイナー勉強会」で使用した資料を公開します。

TRANSCRIPT

Page 1: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

Sketch 3 を使って、コンテンツの魅力を

最大限に活かしたUIを作ろう

DeNA UI/UXデザイナー 増田直生

Page 2: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

2013年 12月 DeNA入社

増田直生

エンターテイメント事業本部

UI/UXデザインナー

Page 3: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

iOSのアプリや、ウェブサービスなどの

UIデザインに特化したツール

Sketch3はどんなツールか?

Page 4: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

コンテンツがより重要になってきているため

Sketch3を使う理由

Page 5: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

デザイン全体を俯瞰して確認できる

Point

Page 6: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

素材の書き出しが圧倒的に楽に

Point

Page 7: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

オブジェクト間の距離にもう困らない

Point

Page 8: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

共通のUIは使まわして、編集も一発

Point

Page 9: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

エンジニア・コーダーさんにも嬉しいパーツはもう作らなくてOK!

Point

Page 10: Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう

Bohemian Coding http://bohemiancoding.com/sketch/

Flintohttps://www.flinto.com/

Sketch Measure

https://github.com/utom/sketch-measure

(プロトタイプツール)

(メジャーツール)

Prott (プロトタイプツール)

https://prottapp.com/

Sketch Demo

https://copy.com/O10CsKlSdPUU

(Sketchソース)