Submit Search
Upload
SketchがAndroidのUIデザインに向いているワケ
•
13 likes
•
24,887 views
Asami Yamamoto
Follow
2017年5月28日に開催されたABC2017Springでの講演資料
Read less
Read more
Design
Report
Share
Report
Share
1 of 37
Download now
Download to read offline
Recommended
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/1038/room ーーーーーーーーーーーーーーーーーーーーーーー
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
2014/11/27 UI Crunch #2でお話した内容です。これだけだと何のことかわからないと思うので、schooさんの録画授業をあわせて見ると幸せになれるかと思います。 https://schoo.jp/class/1598
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
2018年6月9日に開催されたABC2018Springの講演資料。 濫立するデザインツール、プロトタイプツールの選び方。 先日Googleから発表されたMaterial Theme Editorを使ってみた結果の共有。
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
DevLOVE で話したときの資料です
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
第1回のUI Crunchで話した内容です。 http://ui-crunch.com/ 僕の考えたフレームワークを10分以内で話すということで、かなり絞った内容になってます。 これを元にしたワークショップもやれるので、興味がある方はグッドパッチに遊びに来てください!
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
7/23「Think User First - Cookpad × Fablic」で公開した資料です ※一部の情報を編集した上で公開しています
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
2015年11月6日にSchooで行われた授業のスライドです。 https://schoo.jp/class/2930 これからのデザインに関わる仕事はどう変わっていくのか、そのときにその仕事にかかわる「デザイナー」と呼ばれる人はどのような能力を持った人なのか、みたいな話をしました。
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
Goodpatchのビジョンは「人々のハートを揺さぶるDesign&Productを生み出し、世の中をより良い方向に前進させる」です。 そのビジョンの実現を目指して成長し続けるデザイン組織をデザインする考え方について「評価制度と組織構造」をテーマに現在進行形で話しました。
成長するデザイン組織
成長するデザイン組織
Mikihiro Fujii
Recommended
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/1038/room ーーーーーーーーーーーーーーーーーーーーーーー
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
2014/11/27 UI Crunch #2でお話した内容です。これだけだと何のことかわからないと思うので、schooさんの録画授業をあわせて見ると幸せになれるかと思います。 https://schoo.jp/class/1598
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
2018年6月9日に開催されたABC2018Springの講演資料。 濫立するデザインツール、プロトタイプツールの選び方。 先日Googleから発表されたMaterial Theme Editorを使ってみた結果の共有。
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
DevLOVE で話したときの資料です
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
第1回のUI Crunchで話した内容です。 http://ui-crunch.com/ 僕の考えたフレームワークを10分以内で話すということで、かなり絞った内容になってます。 これを元にしたワークショップもやれるので、興味がある方はグッドパッチに遊びに来てください!
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
7/23「Think User First - Cookpad × Fablic」で公開した資料です ※一部の情報を編集した上で公開しています
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
2015年11月6日にSchooで行われた授業のスライドです。 https://schoo.jp/class/2930 これからのデザインに関わる仕事はどう変わっていくのか、そのときにその仕事にかかわる「デザイナー」と呼ばれる人はどのような能力を持った人なのか、みたいな話をしました。
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
Goodpatchのビジョンは「人々のハートを揺さぶるDesign&Productを生み出し、世の中をより良い方向に前進させる」です。 そのビジョンの実現を目指して成長し続けるデザイン組織をデザインする考え方について「評価制度と組織構造」をテーマに現在進行形で話しました。
成長するデザイン組織
成長するデザイン組織
Mikihiro Fujii
2014年12月5日に行われたCreative Insightsでの発表資料です。 ※本スライド内に含まれているWebサイトやアプリのスクリーンショットは全て著作本の企業に帰属します。
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/1611/room ーーーーーーーーーーーーーーーーーーーーーーー
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
nanapi勉強会「チームで作るデザイン / チームを作るデザイン」2014.11.11
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
ABC2016Springでの講演資料
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
Asami Yamamoto
2015/10/29にリクルートライフスタイルで行われた「CREATORS LIVERTY#4」の登壇資料です。 グッドパッチのデザインへの向き合い方と、デザインカルチャーについて話しました。
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
2016/06/18の 「『UXデザインの教科書』出版記念セミナー:UXデザインの理論と戦略」 で発表したスライドです。 理論・プロセス・手法と戦略に対して、事業の現場での実践の現状とこれからについての内容です。 特にネット系で自社サービスを提供している方に見ていただけるとありがたいです。 ※Kyenoteで作成したファイルをPowerpointに変換してアップロードしたため、レイアウト等に異常がある可能性があります。
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
Mikihiro Fujii
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
UI Crunch #2 で使用したスライドです。 UIデザインへの理解がまだまだ浅い2014年の日本において、どのように行動すべきかをまとめました。
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
マンガボックスアプリ開発の反省から学んだコトを話します
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
非エンジニアリング脳なデザイナーが新規アプリ開発の現場でXcodeを使用することがどのような影響を与えたか。について、自身の経験を元にまとめました。
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
2021/10/25 ポップインサイトUXリサーチ共有会 はたけ登壇資料 UXリサーチ共有会10月:https://popinsight.jp/seminar/?p=22902 はたけとは:https://twitter.com/yuw12_
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
BPStudy#95にてデザインに関するトレンドと、Goodpatchでどのようにデザインしているのかについて話すというテーマで話した内容です。
Why and how Design UI
Why and how Design UI
Mikihiro Fujii
自社でサービスをリリースするほどGoodpatchのデザインプロセスのコアになったチームによるプロトタイピング。User Interfaceデザインの現場で現在進行形でかたまりつつあるその価値と実践方法についてご説明します。
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
Mikihiro Fujii
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
Think User First - Cookpad × Fablic http://connpass.com/event/17492/ ユーザーファーストを大切にするファブリックとクックパッドの二社合同で行われたデザイン勉強会イベントのスライド資料です。 -- 塚由 恵介(つかよし けいすけ) ファッションフリマアプリフリル プロダクトオーナー兼デザイナー @redxiii_
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善
Keisuke Tsukayoshi
2015.07.23 Think User First - Cookpad × Fablic クックパッドとファブリックのデザイナーが考えるユーザーファーストとは? http://connpass.com/event/17492/
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Keisuke Tada
2015年11月11日に開催されたAdobe Live Best of MAX」にて、crema design 黒野明子が発表した資料です。
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
「Career Hack Of The Year 2015」個人賞受賞の際、授賞式プレゼンで使用したスライドです。
趣味と仕事(ビジュアルシンキングとNewsPicks)
趣味と仕事(ビジュアルシンキングとNewsPicks)
潤 櫻田
Opt Group Tech Dayというオプトグループ内のエンジニアが集まった会で、エンジニアの前で社内限定のLTをした時の資料です。
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
More Related Content
What's hot
2014年12月5日に行われたCreative Insightsでの発表資料です。 ※本スライド内に含まれているWebサイトやアプリのスクリーンショットは全て著作本の企業に帰属します。
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/1611/room ーーーーーーーーーーーーーーーーーーーーーーー
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
nanapi勉強会「チームで作るデザイン / チームを作るデザイン」2014.11.11
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
ABC2016Springでの講演資料
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
Asami Yamamoto
2015/10/29にリクルートライフスタイルで行われた「CREATORS LIVERTY#4」の登壇資料です。 グッドパッチのデザインへの向き合い方と、デザインカルチャーについて話しました。
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
2016/06/18の 「『UXデザインの教科書』出版記念セミナー:UXデザインの理論と戦略」 で発表したスライドです。 理論・プロセス・手法と戦略に対して、事業の現場での実践の現状とこれからについての内容です。 特にネット系で自社サービスを提供している方に見ていただけるとありがたいです。 ※Kyenoteで作成したファイルをPowerpointに変換してアップロードしたため、レイアウト等に異常がある可能性があります。
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
Mikihiro Fujii
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
UI Crunch #2 で使用したスライドです。 UIデザインへの理解がまだまだ浅い2014年の日本において、どのように行動すべきかをまとめました。
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
マンガボックスアプリ開発の反省から学んだコトを話します
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
非エンジニアリング脳なデザイナーが新規アプリ開発の現場でXcodeを使用することがどのような影響を与えたか。について、自身の経験を元にまとめました。
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
2021/10/25 ポップインサイトUXリサーチ共有会 はたけ登壇資料 UXリサーチ共有会10月:https://popinsight.jp/seminar/?p=22902 はたけとは:https://twitter.com/yuw12_
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
BPStudy#95にてデザインに関するトレンドと、Goodpatchでどのようにデザインしているのかについて話すというテーマで話した内容です。
Why and how Design UI
Why and how Design UI
Mikihiro Fujii
自社でサービスをリリースするほどGoodpatchのデザインプロセスのコアになったチームによるプロトタイピング。User Interfaceデザインの現場で現在進行形でかたまりつつあるその価値と実践方法についてご説明します。
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
Mikihiro Fujii
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
Think User First - Cookpad × Fablic http://connpass.com/event/17492/ ユーザーファーストを大切にするファブリックとクックパッドの二社合同で行われたデザイン勉強会イベントのスライド資料です。 -- 塚由 恵介(つかよし けいすけ) ファッションフリマアプリフリル プロダクトオーナー兼デザイナー @redxiii_
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善
Keisuke Tsukayoshi
2015.07.23 Think User First - Cookpad × Fablic クックパッドとファブリックのデザイナーが考えるユーザーファーストとは? http://connpass.com/event/17492/
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Keisuke Tada
2015年11月11日に開催されたAdobe Live Best of MAX」にて、crema design 黒野明子が発表した資料です。
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
「Career Hack Of The Year 2015」個人賞受賞の際、授賞式プレゼンで使用したスライドです。
趣味と仕事(ビジュアルシンキングとNewsPicks)
趣味と仕事(ビジュアルシンキングとNewsPicks)
潤 櫻田
Opt Group Tech Dayというオプトグループ内のエンジニアが集まった会で、エンジニアの前で社内限定のLTをした時の資料です。
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
What's hot
(20)
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
デザインのためのデザイン
デザインのためのデザイン
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
Why and how Design UI
Why and how Design UI
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
趣味と仕事(ビジュアルシンキングとNewsPicks)
趣味と仕事(ビジュアルシンキングとNewsPicks)
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Viewers also liked
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
社内で餅を焼きながら勉強会やったときの資料です。
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門
Yuki Ishikawa
「自分でイラストを描けたら良いのにな」と思ったことはありませんか? Illustratorなら、描きたいモチーフの「しくみ」に適切な機能をあてはめることで、複雑なイラストにも挑戦できます。絵を描くのは苦手だという方でも大丈夫です。 今回は実例を交えながら、ブラシ機能や描画まわりのツール、Adobe Captureの活用方法などを中心にご紹介します。 特にCC以降の機能は、イラスト制作の効率を格段に上げるものばかり。新・旧機能の合わせ技で効率よく、更に豊かな表現を目指しましょう! page2017のクリエイティブゾーンセミナーに登壇させていただいた際のスライドです。実演で解説した部分は概要のみ追加しました。 page2017 http://www.page.jagat.or.jp/ 「新規アートに基本アピアランスを適用」の詳細は「Illustrator アピアランスのキホン 〜流用編〜」の「「新規アートに基本アピアランスを適用」OFFで連続描画」でも解説しています。 http://hamfactory.net/illustrator/illustrator-appearance-copy/
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
hamko ig
Derek Halpern のコンバージョン心理学によるウェブ・デザイン設計手法の紹介。 コンバージョンだけがウェブ・デザインのすべてではないが、 コンバージョンという視点からまとめるとこうなるという原理の解説。 A1603talk conversion-psychology-web-design-161219 (内容は160704と同じ)
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
Toshihiko Yamakami
WCK Meeting Vol.37|新春ライトニングトーク大会2016|2016.01.15
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
玄 中野
CAMPFIRE Design #1 デザインとビジネスにおいて発表された資料です。
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
Yahoo!デベロッパーネットワーク
第27回HTML5+JS勉強会(平成28年12月2日)で発表したスライド資料です。 Windows 10やmacOSの「游ゴシック」の搭載をはじめ、ウェブで利用できる日本語フォントの選択肢が広がってきました。従来の「MS Pゴシック」の落とし穴、フォント字形から理解するデザインの向き不向き、字間の調整ができるCSS「font-feature-settings」など、多岐にわたり2016年のfont-family事情を紹介します。フロントエンドエンジニアやHTMLコーダー、デザイナーに役立つ内容となります。
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
Yasunobu Ikeda
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
デザインにおける4つの基本原則を、ウェブデザインどのように応用すべきかをまとめたスライドです。
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
2013年1月18日 NPO法人トップエスイー教育センター, 第6回SE勉強会 ―アジャイルで実現するUX―
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
2016年9月2日(金)開催 http://www.event-web.net/adobemaxjapan/
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
swwwitch inc.
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Sasaki Kouhei
新作スライド ボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました! ぜひコチラもお読みください! 読んでくれてありがとう!面白かったらぜひぜひシェアしてくれると嬉しいよ!(`・ω・´)b ダウンロードもプリントも配布もご自由にどうぞ!たくさんの人にみてもらえれば最高です! デザインが苦手な人ほどオススメ! Aさんはデザインはこうだという。 Bさんはデザインはああだという。 ああああああもう!!結局どっちが正しいんだよ!? そんな疑問がたった13ページで解決します! "デザイン"なのに真逆のことをいう人達がいるのは、 実はこういうことだった! もう、デザインが苦手なんてことない!
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Ryoji Fujishita
BP study #46
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
2016年3月5日に開催されたFRONTEND CONFERENCE 2016 http://kfug.jp/frontconf2016/ でのLTのスライドです。
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
Mignon Style
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
Viewers also liked
(18)
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
UXの考え方とアプローチ
UXの考え方とアプローチ
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
色彩センスのいらない配色講座
色彩センスのいらない配色講座
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
Similar to SketchがAndroidのUIデザインに向いているワケ
2012年2月18日、 CSS Nite in Fukui, vol5でのスライドです。
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
KLab福岡Meetup 「禍つヴァールハイトを支えるレイアウト業務」 デザイナーが行うUNITYレイアウト実装のメリットについて
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
KLab Inc. / Tech
2019年11月26日のUX JAM in OSAKA02でお話しした際の資料です。 同じ悩みを持つデザイナーさんとお話ししたい!そのきっかけになればという思いでLTに参加させていただきました。
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
FujishiroRumi
オープンセミナー岡山2014での発表資料 2014.05.17
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
Chihiro Tomita
「ADC MEETUP Night – Web制作者のためのアプリ開発ワークフロー」で行った「Edge Animate」セッションのプレゼンテーション資料です。
【Edge Animate】スマホアプリのインタラクティブコンテンツ
【Edge Animate】スマホアプリのインタラクティブコンテンツ
Tomonori Watanabe
【 iOS 9リリース記念! 】9週連続 Bootcamp登壇スライド
奥行きを意識したプロダクト-iOS9で変わる体験-
奥行きを意識したプロダクト-iOS9で変わる体験-
正典 三橋
2013年10月のCocoa関西勉強会で発表したスライドです。UI Kit Dynamicsについて発表しました。
20131005 cocoa関西
20131005 cocoa関西
Yosuke Uno
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/479/room ーーーーーーーーーーーーーーーーーーーーーーー
バスキュールに学ぶ、クライアントもユーザーもハッピーになるスマホアプリ企画設計のキモ 先生:大塚 晃
バスキュールに学ぶ、クライアントもユーザーもハッピーになるスマホアプリ企画設計のキモ 先生:大塚 晃
schoowebcampus
だれでも簡単に使える無償のプロトタイプツール、Indigo Studio をご紹介します。
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社
Cookpad Techconf 2016/01/23 「今日なに作ろう」を支えるデザイン ーエンジニアとの協業ー
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23
Mari Kimura
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
Shin Ise
2016/12/06 LINE Directors' Talk
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
LINE Corporation
at Infragistics Webinar
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
[UX]はやめようというお話をしました。
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
2016.01.23 Cookpad TechConf 2016 http://techconf.cookpad.com/
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
Keisuke Tada
講演者:Florian Andreas Gantzert(KLab株式会社) こんな人におすすめ ・Unityにおける疎結合テクニックを知りたいエンジニア ・開発ワークフロー改善とつながる「疎結合」を知りたいマネージャー、デザイナー ・プログラミングパターンに興味のある方 受講者が得られる知見 ・疎結合設計によるデザイナーとエンジニアのワークフローのメリット ・Unityにおける疎結合テクニック
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
UnityTechnologiesJapan002
Schoo講演資料130409
Schoo講演資料130409
Ryosuke Matsumoto
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
DroidKaigi2016発表資料です。 ビジネスチャットSync(http://www.wantedly.com/sync)のAndroid版のデザイン時にやった効率化策をまとめました。効率化だけじゃなくこだわっている部分ももちろんあるので、ぜひ使ってみてください。
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
2015年7月25日 マカベン × HTML5fun のセッションで使用したスライドです。
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
Similar to SketchがAndroidのUIデザインに向いているワケ
(20)
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
【Edge Animate】スマホアプリのインタラクティブコンテンツ
【Edge Animate】スマホアプリのインタラクティブコンテンツ
奥行きを意識したプロダクト-iOS9で変わる体験-
奥行きを意識したプロダクト-iOS9で変わる体験-
20131005 cocoa関西
20131005 cocoa関西
バスキュールに学ぶ、クライアントもユーザーもハッピーになるスマホアプリ企画設計のキモ 先生:大塚 晃
バスキュールに学ぶ、クライアントもユーザーもハッピーになるスマホアプリ企画設計のキモ 先生:大塚 晃
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
SketchがAndroidのUIデザインに向いているワケ
1.
SketchがAndroidアプリのUIデザインに向いているワケ 山本麻美
2.
山本麻美 1997年 フリーランスのWeb制作者に 1999年 i‑modeのケータイサイト作ったり 2010年
日本Androidの会に参加したら、 エンジニアさんたちにそそのかされて モバイルアプリのUIデザイナーに。 Wishscope、トレタ、ビズリーチ、 レシピブログとか 色々
3.
今日のおはなし ・Symbol ‑ UIコンポーネントのシンボル化で作業効率アップ ・Export ‑ Android用画像assetsの書き出し ・Real Time Preview ‑ “Crystal”でミラーリング ・Plugin ‑ Design for Androidを助けてくれるプラグイン ・他ツール連携 ‑ デザイナーとエンジニアのコミュニケーション
4.
アプリデザインの工程 どんなの 作りましょか デザイン 研ぎ澄ませ! エンジニアに 伝えよう
5.
6.
SymbolUIコンポーネントのシンボル化で作業効率アップ
7.
こんなアプリを作るとする。
8.
それぞれをSymbolとして作成しておく ToolbarStatus bar Card
9.
Toolbar
10.
Card
11.
Toolbar Icons ToolbarのアイコンもSymbolとして 作成しておくことがポイントです。
12.
Toolbar アイコン違う! 表示数も違う…
13.
SymbolのOverrides Screenごとに表示アイコンを変えることができます。 非表示にもできます。
14.
SymbolのResizing
15.
SymbolのResizing 位置固定 サイズ固定
16.
SymbolのResizing
17.
ExportAndroid用画像assetsの書き出し
18.
Android用に画像書き出し
19.
Android用に画像書き出し フォルダ分けもされているのでそのままASに入れられる!
20.
もちろんSVGも Exportできます。
21.
SVGに変更する
22.
9patchとか Launcher iconは、、、 Android Assets Studio https://romannurik.github.io/AndroidAssetStudio/
23.
Real Time Preview“Crystal”でAndroidデバイスにミラーリング
24.
実機で確認しながらデザインできる!
25.
WifiかUSBで使えるよ Crystal
26.
実機で確認しながらデザインする! PC画面で見ている のとでは、やっぱり 全然違うよね
27.
PluginとかDesign for Androidを助けてくれるプラグイン
28.
Material Design Color Palette Primary Color, Accent Color等を作ってくれるプラグイン
29.
CRAFT ダミーの写真やテキスト、人名
30.
○○○ゴコロをくすぐってもくれるわけで フフフフ。こんなプラグイン 見つけちゃったもんね~(^O^)
31.
他ツール連携デザイナーとエンジニアのコミュニケーション
32.
UI実装するときエンジニアが知りたいこと ・各要素の位置関係 ・サイズ ・画像名 ・カラーコード ・スクロールする箇所と固定箇所 ・アニメーションのタイミング etc.
33.
デザイナーの言い分 ・Spec表を作るのすごく大変 ・大変なのにその予算がない ・デザイン通りに実装されない etc.
34.
SpecはZeplinで伝える SketchからImportするだけ Androidプロジェクトは 単位がdpで表示されるよ
35.
InVision Inspect modeもあるよ
36.
まとめ Sketchは、UIコンポーネントのデザインに 向いている。 最近、Android向けのExportができるようになりました。 プラグインで自分仕様にできるのです。 ワークフローの中で必要な、いろんなツールと連携しやすいです。
37.
Sketchの初心者Q&Aブログ http://sketchegg.blogspot.jp/
Download now