Submit Search
Upload
OITEC:プロジェクトを作る前にやること、作ってからやること
•
Download as KEY, PDF
•
1 like
•
888 views
c-mitsuba
Follow
しゃべった。 これをあたしなりに咀嚼したかんじ。 http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465427.aspx
Read less
Read more
Design
Report
Share
Report
Share
1 of 136
Download now
Recommended
Castillo de buey negro
Castillo de buey negro
Pascual Flores
project mutamba
project mutamba
paulo antonio rodrigues gouveia
Left Ventricular Architechture and Mechanics
Left Ventricular Architechture and Mechanics
Michael Katz
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
c-mitsuba
シェアって単純なもんじゃなさそう だから、整理して考えてみる
シェアって単純なもんじゃなさそう だから、整理して考えてみる
Daiki Matsumura
Beginning of HoloMagicians
Beginning of HoloMagicians
c-mitsuba
Build 2021 Topics & Unofficial Talks for Windows Development
Build 2021 Topics & Unofficial Talks for Windows Development
c-mitsuba
Avalonia for MacApps
Avalonia for MacApps
c-mitsuba
Recommended
Castillo de buey negro
Castillo de buey negro
Pascual Flores
project mutamba
project mutamba
paulo antonio rodrigues gouveia
Left Ventricular Architechture and Mechanics
Left Ventricular Architechture and Mechanics
Michael Katz
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
c-mitsuba
シェアって単純なもんじゃなさそう だから、整理して考えてみる
シェアって単純なもんじゃなさそう だから、整理して考えてみる
Daiki Matsumura
Beginning of HoloMagicians
Beginning of HoloMagicians
c-mitsuba
Build 2021 Topics & Unofficial Talks for Windows Development
Build 2021 Topics & Unofficial Talks for Windows Development
c-mitsuba
Avalonia for MacApps
Avalonia for MacApps
c-mitsuba
Me
Me
c-mitsuba
nameless ある沼にDeepDiveした人のポートフォリオ
nameless ある沼にDeepDiveした人のポートフォリオ
c-mitsuba
Emotional space
Emotional space
c-mitsuba
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
うるしまカップ パネルディスカッション
うるしまカップ パネルディスカッション
c-mitsuba
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
30min serverless-x tuber
30min serverless-x tuber
c-mitsuba
HoloLensで航空管制
HoloLensで航空管制
c-mitsuba
Introducing micro:bit and demo
Introducing micro:bit and demo
c-mitsuba
micro:bitさわってみた。
micro:bitさわってみた。
c-mitsuba
HoloLens Demo
HoloLens Demo
c-mitsuba
楽しく生きるために 何を選択して、どうしてきたか。
楽しく生きるために 何を選択して、どうしてきたか。
c-mitsuba
Dotnetlab: Introducing Fluent Design System and Mixed Reality
Dotnetlab: Introducing Fluent Design System and Mixed Reality
c-mitsuba
WinMR入門
WinMR入門
c-mitsuba
to tanzanite
to tanzanite
c-mitsuba
Introduction Xamarin forms mac
Introduction Xamarin forms mac
c-mitsuba
Tried to touch Xamarin Forms for MacOS
Tried to touch Xamarin Forms for MacOS
c-mitsuba
Introducing Fluent Design
Introducing Fluent Design
c-mitsuba
ホントのホントの0から始める3Dモデリング入門
ホントのホントの0から始める3Dモデリング入門
c-mitsuba
SteamVRさわってみた
SteamVRさわってみた
c-mitsuba
More Related Content
More from c-mitsuba
Me
Me
c-mitsuba
nameless ある沼にDeepDiveした人のポートフォリオ
nameless ある沼にDeepDiveした人のポートフォリオ
c-mitsuba
Emotional space
Emotional space
c-mitsuba
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
うるしまカップ パネルディスカッション
うるしまカップ パネルディスカッション
c-mitsuba
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
30min serverless-x tuber
30min serverless-x tuber
c-mitsuba
HoloLensで航空管制
HoloLensで航空管制
c-mitsuba
Introducing micro:bit and demo
Introducing micro:bit and demo
c-mitsuba
micro:bitさわってみた。
micro:bitさわってみた。
c-mitsuba
HoloLens Demo
HoloLens Demo
c-mitsuba
楽しく生きるために 何を選択して、どうしてきたか。
楽しく生きるために 何を選択して、どうしてきたか。
c-mitsuba
Dotnetlab: Introducing Fluent Design System and Mixed Reality
Dotnetlab: Introducing Fluent Design System and Mixed Reality
c-mitsuba
WinMR入門
WinMR入門
c-mitsuba
to tanzanite
to tanzanite
c-mitsuba
Introduction Xamarin forms mac
Introduction Xamarin forms mac
c-mitsuba
Tried to touch Xamarin Forms for MacOS
Tried to touch Xamarin Forms for MacOS
c-mitsuba
Introducing Fluent Design
Introducing Fluent Design
c-mitsuba
ホントのホントの0から始める3Dモデリング入門
ホントのホントの0から始める3Dモデリング入門
c-mitsuba
SteamVRさわってみた
SteamVRさわってみた
c-mitsuba
More from c-mitsuba
(20)
Me
Me
nameless ある沼にDeepDiveした人のポートフォリオ
nameless ある沼にDeepDiveした人のポートフォリオ
Emotional space
Emotional space
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
うるしまカップ パネルディスカッション
うるしまカップ パネルディスカッション
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
30min serverless-x tuber
30min serverless-x tuber
HoloLensで航空管制
HoloLensで航空管制
Introducing micro:bit and demo
Introducing micro:bit and demo
micro:bitさわってみた。
micro:bitさわってみた。
HoloLens Demo
HoloLens Demo
楽しく生きるために 何を選択して、どうしてきたか。
楽しく生きるために 何を選択して、どうしてきたか。
Dotnetlab: Introducing Fluent Design System and Mixed Reality
Dotnetlab: Introducing Fluent Design System and Mixed Reality
WinMR入門
WinMR入門
to tanzanite
to tanzanite
Introduction Xamarin forms mac
Introduction Xamarin forms mac
Tried to touch Xamarin Forms for MacOS
Tried to touch Xamarin Forms for MacOS
Introducing Fluent Design
Introducing Fluent Design
ホントのホントの0から始める3Dモデリング入門
ホントのホントの0から始める3Dモデリング入門
SteamVRさわってみた
SteamVRさわってみた
OITEC:プロジェクトを作る前にやること、作ってからやること
1.
@mitsuba_tan プロジェクトを作るまえにやること、 プロジェクトを作ってまずやること。
2.
デザインできてますか
3.
できたら苦労しやへん
4.
そうだ!
5.
くばってるテンプレート 使えばいいじゃない!
6.
6
7.
すごく・・・ テンプレっぽいです
8.
なんとなく それっぽくみせよう!
9.
そのためには・・・・
10.
プロジェクトを作るまえにやる
こと、
11.
profile • H.N. :蜜葉
優 [mitsuba yu] • Expression Blendが好きな人 • twitter:@mitsuba_tan • Web:http://c-mitsuba.com • blog:http://d.hatena.ne.jp/c-mitsuba
12.
profile
13.
profile
14.
15.
16.
16
17.
はじめのはじめに
18.
資料が128枚にもなってし まったこと予めお詫び申し上
19.
なお、本セッションはみつば
の
20.
はじめに
21.
Metroは一目見て分かる、最短のプロセスで目的 を達成できる、この2点を実現するために重要な のがインフォグラフィックとタイポグラフィです。 情報を一目見て把握するためには、アイコンが 非常に有効です。知識や情報を視覚的に表現した ものをインフォグラフィックといいます。Metroで は、情報の概念を直感的に理解するために、シン プルなアイコンがよく使われています。 さらに、情報の詳細を理解するには文字情報が
22.
「Metro is Flavor.」
23.
agenda • プロジェクトを作る前にやること >コンテンツを決めよう! >コンテンツを整理しよう! >色を決めよう!
24.
agenda • プロジェクトを作ってからやること >基本レイアウトを決めよう! >タイポグラフィ >イメージの取り扱い
25.
プロジェクトを作る前にやるこ
26.
コンテンツをきめよう • 有益(!ネタ)なアプリが作りたいなら、 普段なにしてるか考えてみよう。 •
Twitter,Facebook,ぶろぐかく • ごはんたべてる、おちゃしてる
27.
コンテンツをきめよう ・ あまり広すぎるテーマは アプリには適しません。 ・ ごはんアプリ1つとっても ラーメンアプリやお茶会
Scatter & Gather
28.
情報アーキテクチャのお勉強 ・ Introduction to
Information Retrieval ・ この本は情報検索のための本です。 ・ 人が情報を精査するときの思考や 情報検索の手法が書いてあります。
29.
たとえば・・・
30.
美味しいイタリアンを紹介する
31.
プロジェクトを作る前にやるこ
32.
こんなはなし • 「いたりあんがたべたいの!」 • 「おいしいパスタのおみせがあるよ」 •
「でもピザもたべたいの!」 • 「じゃあピザもあるところにしよう」
33.
イタリアンを整理しよう • ざっくりしたテーマが決まれば、コンテン ツを3つの
レイヤーに整理しましょう。 • 3階層に分けることがWindows Store
34.
イタリアンを整理しよう • パスタ •
ペペロンチーノ • こんなペペロンチーノがおいしい、、 えとせえとせ
35.
イタリアンを整理しよう • ピザ •
マルゲリータのピザ • こんなマルゲリータがおいしい、、え とせえとせ。
36.
イタリアンを整理しよう • ワイン •
赤ワイン • サンジョベーゼの濃ゆいがおいし い、、えとせ、、
37.
プロジェクトを作る前にやるこ
38.
まずはベースカラーからはじめま
39.
色を決めよう • イタリアンっぽい色を決めよう! • イタリアンっぽい色って?
• バジル? • トマト?
40.
色を決めよう
41.
ちょっと具体例すぎますね(
42.
いろ、いろいろ • 色っていうのはWindows Store
Appsや Windows Phone Appsでとても重要な要 素です。 • だって全画面表示するし、グラデーション
43.
なのにみんながよくいうの
44.
なんとなくこんなかんじで。
45.
なんとなく女子的なかんじで。
46.
なんとなくおとなっぽいかんじ
47.
なんとなくあまいかんじで。
48.
なんとなくクールなかんじで。
49.
もっとひどいときは・・・
50.
なんとなくよしななかんじで!
51.
そんなこといわれてもわっから
52.
色の辞書(!お勉強) ・ なんでもいいので一冊買いましょう。 ・ ちなみにあたしはMDNの雑誌について た付録の本。 ・
こういうかんじを出したい時はこんな
53.
53
54.
色のお勉強 • もっとてっとりばやくカラーセットが選び たい! •
きゅーらーおすすめ。 https:// kuler.adobe.com/
55.
とりあえずベースが決まったら
56.
文字色を決めよう 文字色を決めよう 文字色を決めよう
57.
文字色 ・ Windows Phone
Appsでは、ユーザー設 定にアクセン トカラーがあるため、黒も白も対応してい る方が好
58.
さいごの1色 ・ アプリでは最低限3色の色を使います。 多すぎても少なすぎても良くないです。 3色から4色におさめましょう。
59.
さいごの1色 ・ 最後の1色はアクセントカラーです。 ・ たとえば
に
60.
さいごの1色 ■アクセントカラーはユーザーの目を引くた めに、 非常に重要な要素です。 ■この色の決め方はカラーセットを引くか、
61.
プロジェクトを作る前にやるこ
62.
なんでここで名前かという
63.
名前がなかったら
64.
ソリューションがつくれない
65.
とりあえずApp23.slnで
66.
なまえ ■ブランディングが重要なMetro Designです から、 名前はとても重要です。 ■思想を持って、ついったーくらいあんとを
67.
もうすこし名前のはなし ■アクロニム:複数の単語の頭文字を取り出 す方法 ■たとえば 「AUTOMATED METEOROLOGICAL DATA
ACQUISITION SYSTEM」
68.
もうすこし名前のはなし ■プラス造語法(A+B=AB) ■たとえばの「ポテト+チップス」 ■たとえばの「ベビー+ローション」 ■たとえばの「ビタミン+ウォーター」
69.
もうすこし名前のはなし ■減量造語法(A+B=AB) ■たとえばの「ゴリラ+クジラ」 ■たとえばの「Handy+Camera」 ■たとえばの「ごはん+パン」
70.
もうすこし名前のはなし ■プラス造語法 ■減量造語法 ■変形造語法 ■頭文字造語法 ■並べ替え造語法
71.
もうすこし名前のはなし ■あとは言語を変えてみるとか、、、 「必ず見つかる。非常に正確に。」= Bing(中国語) ■連想する単語に変えてみるとか、、、 「美人時計」->「BeautyClock」-
72.
もうすこし名前のはなし ■音にこだわってみるとか、、、 「か行」「さ行」「た行」「ら行」 この音を聞くと、チクチクする感覚があり、 刺激がある音=クリエティブ音 「な行」「は行」「ま行」「や、わ」などは
73.
agenda ■プロジェクトを作る前にやること >コンテンツを決めよう! >コンテンツを整理しよう! >色を決めよう!
74.
さぁソリューションをつくろ
75.
さぁソリューションをつくろ
P74/121
76.
agenda ■プロジェクトを作ってからやること >基本レイアウトを決めよう! >タイポグラフィ >イメージの取り扱い
77.
基本レイアウトを決めよう!
78.
イタリアンを整理しよう • パスタ •
ペペロンチーノ • こんなペペロンチーノがおいしい、、 えとせえとせ
79.
agenda
80.
agenda • プロジェクトを作ってからやること >基本レイアウトを決めよう! >タイポグラフィ >イメージの取り扱い
81.
agenda
82.
agenda • プロジェクトを作ってからやる こと >基本レイアウトを決めよう! >タイポグラフィ
83.
おいしいいたりあん
agenda パスタ ピッツァ ミートソース カルボナーラ ラビオリ マルゲリータ ペペロンチーノ アラビアータ カルツォーネ
84.
おいしいいたりあん
agenda パスタ ピッツァ ミートソース カルボナーラ ラビオリ マルゲリータ ペペロンチーノ アラビアータ カルツォーネ
85.
パスタ
agenda ミートソー シュット、モルタデッラ、またはポルチーニが 加えられることもある。伝統的なものとは違っ た作り方として、牛肉とともに豚肉、鶏肉、ガ チョウのレバーを利用したり、オリーブ油とと もにバターを使用するレシピも存在する。ま た、実際にはトマトペーストではなく、トマト ソースを使うレシピも広く知られている。 イタリアでは、伝統的にタリアテッレと和えて イタリア南部の簡単な調理法しかなかったパス 調理される (tagliatelle alla bolognese)。ま タを、「肥満の街(La Grassa)」[1]すなわち たはラザーニャ、カネロニとして調理される。 食の都である北部のボローニャの裕福層が、隣 リガトーニなどの、短い管状のパスタと合わせ ¥ 接するフランスのラグー(煮込み)をもとに肉 ることもある。 や野菜、ワインな どを贅沢に使用して作らせた イタリア国外では、スパゲッティと和えて食さ のが起源といわれている[2]。 れることが一般的である。この食べ方はイタリ
86.
タイポグラフィ
87.
タイポグラフィ • Metro UIはその名の通り、地下鉄の駅で使われている標識
などからインスパイアを受けていますが、その下地にあるの は国際タイポグラフィ様式です。 • 装飾を廃したシンプルなグラフィックの中で、ユーザーは自 然とデザインの要素として認識できるもの…配色や文字のレ イアウトに目がいきます。 • つまり、タイポグラフィを知り、意識するということは、
88.
ふぉんといろいろ • abcdefg012345あいうえお • abcdefg012345あいうえお •
abcdefg012345あいうえお • abcdefg012345あいうえお
89.
ふぉんといろいろ • めいりおMeiryoメイリオ • しーごSegoe
UIシーゴ • ゆうごしっくYu Gothicユーゴシック • あんずもじ奏
90.
ふぉんといろいろ • しーごSegoe UIシーゴ •
しーごSegoe UIシーゴ • しーごSegoe UIシーゴ • しーごSegoe UIシーゴ • しーごSegoe UIシーゴ • しーごSegoe UIシーゴ
91.
Windows Phone Fonts
92.
Windows Store Apps
Fonts
93.
ふぉんといろいろ • ゆーごしっくYuGothic • ゆーごしっくYuGothic
94.
おいしいいたりあん パスタ
agenda ピッツァ ミートソース カルボナーラ ラビオリ マルゲリータ ペペロンチーノ アラビアータ カルツォーネ
95.
ミートソース パスタ
agenda を利用したり、オリーブ油とともにバターを使用するレシピも存在する。 また、実際にはトマトペーストではなく、トマトソースを使うレシピも広く 知られている。 イタリアでは、伝統的にタリアテッレと和えて調理される (tagliatelle alla bolognese)。またはラザーニャ、カネロニとして調理される。リガ トーニなどの、短い管状のパスタと合わせることもある。 イタリア国外では、スパゲッティと和えて食されることが一般的である。 この食べ方はイタリア国内にも広がってきている[3]。しかしこのスパゲッ ティ・ボロネーゼ(Spaghetti alla Bolognese, スパゲッティ・ボローニャ 風の意)は、イタリア南部のように乾いたパスタではなく、卵を原材料と したパスタが好まれてきたエミリア料理 (cucina emiliana) の伝統には 属さないものであり、本来的にボローニャ風とは言い難いものである。日 イタリア南部の簡単な調理法しかなかったパスタを、「肥満の街(La 本では、ナポリタンと並んで日本人になじみの深いスパゲッティ・メ Grassa)」[1]すなわち食の都である北部のボローニャの裕福層が、隣接す ニューのひとつである。 るフランスのラグー(煮込み)をもとに肉や野菜、ワインな どを贅沢に使 戦後、兵庫県宝塚市にあったイタリア料理店 “アベーラ” の初代店主オラッ 用して作らせたのが起源といわれている[2]。 ツィオ・アベーラ(1913 - 1974)が、「スパゲティミートソース」として店 ¥ 1982年にイタリア料理アカデミー(Accademia Italiana della Cucina)[3]の で出したのが日本初という説がある[4]。 ボローニャ代表によって発行されたレシピは、材料を牛肉、パンチェッタ、 1959年、キユーピーが独立した缶入り商品としてこのソースを発売[5]した 玉葱、人参、セロリ、トマトペースト、肉のブイヨン、赤ワイン、そして任 ことが、家庭によりミートソースを普及させる下地を作った。これに追随 意での牛乳およびクリームに制限している。ソフリットとしてプロシュッ する形でスパゲッティ・ソースの販売が各社で行なわれ、レトルト食品中 ト、モルタデッラ、またはポルチーニが加えられることもある。伝統的なも 心にバラエティーを極める現在でも、未だミートソースの人気は衰えてい
96.
ふぉんといろいろ • めいりおmeiryo • めいりおmeiryo •
めいりおmeiryo • めいりおmeiryo
97.
おいしいいたりあん パスタ
agenda ピッツァ ミートソース カルボナーラ ラビオリ マルゲリータ ペペロンチーノ アラビアータ カルツォーネ
98.
ミートソース パスタ
agenda を利用したり、オリーブ油とともにバターを使用するレシピも存在する。 また、実際にはトマトペーストではなく、トマトソースを使うレシピも広く 知られている。 イタリアでは、伝統的にタリアテッレと和えて調理される (tagliatelle alla bolognese)。またはラザーニャ、カネロニとして調理される。リガ トーニなどの、短い管状のパスタと合わせることもある。 イタリア国外では、スパゲッティと和えて食されることが一般的である。 この食べ方はイタリア国内にも広がってきている[3]。しかしこのスパゲッ ティ・ボロネーゼ(Spaghetti alla Bolognese, スパゲッティ・ボローニャ 風の意)は、イタリア南部のように乾いたパスタではなく、卵を原材料と したパスタが好まれてきたエミリア料理 (cucina emiliana) の伝統には 属さないものであり、本来的にボローニャ風とは言い難いものである。日 イタリア南部の簡単な調理法しかなかったパスタを、「肥満の街(La 本では、ナポリタンと並んで日本人になじみの深いスパゲッティ・メ Grassa)」[1]すなわち食の都である北部のボローニャの裕福層が、隣接す ニューのひとつである。 るフランスのラグー(煮込み)をもとに肉や野菜、ワインな どを贅沢に使 戦後、兵庫県宝塚市にあったイタリア料理店 “アベーラ” の初代店主オラッ 用して作らせたのが起源といわれている[2]。 ツィオ・アベーラ(1913 - 1974)が、「スパゲティミートソース」として店 ¥ 1982年にイタリア料理アカデミー(Accademia Italiana della Cucina)[3]の で出したのが日本初という説がある[4]。 ボローニャ代表によって発行されたレシピは、材料を牛肉、パンチェッタ、 1959年、キユーピーが独立した缶入り商品としてこのソースを発売[5]した 玉葱、人参、セロリ、トマトペースト、肉のブイヨン、赤ワイン、そして任 ことが、家庭によりミートソースを普及させる下地を作った。これに追随 意での牛乳およびクリームに制限している。ソフリットとしてプロシュッ する形でスパゲッティ・ソースの販売が各社で行なわれ、レトルト食品中 ト、モルタデッラ、またはポルチーニが加えられることもある。伝統的なも 心にバラエティーを極める現在でも、未だミートソースの人気は衰えてい
99.
100.
101.
タイポグラフィのお勉強 ・ タイポグラフィの中でも Metroの日本語について 書かれた本はこれしかないよ!!
102.
イメージの取り扱い
103.
とりあえずこの辺に絵を入れたい
104.
おいしいいたりあん パスタ
agenda ピッツァ ミートソース カルボナーラ ラビオリ マルゲリータ ペペロンチーノ アラビアータ カルツォーネ
105.
agenda ¥
106.
ミートソース パスタ
agenda を利用したり、オリーブ油とともにバターを使用するレシピも存在する。 また、実際にはトマトペーストではなく、トマトソースを使うレシピも広く 知られている。 イタリアでは、伝統的にタリアテッレと和えて調理される (tagliatelle alla bolognese)。またはラザーニャ、カネロニとして調理される。リガ トーニなどの、短い管状のパスタと合わせることもある。 イタリア国外では、スパゲッティと和えて食されることが一般的である。 この食べ方はイタリア国内にも広がってきている[3]。しかしこのスパゲッ ティ・ボロネーゼ(Spaghetti alla Bolognese, スパゲッティ・ボローニャ 風の意)は、イタリア南部のように乾いたパスタではなく、卵を原材料と したパスタが好まれてきたエミリア料理 (cucina emiliana) の伝統には 属さないものであり、本来的にボローニャ風とは言い難いものである。日 イタリア南部の簡単な調理法しかなかったパスタを、「肥満の街(La 本では、ナポリタンと並んで日本人になじみの深いスパゲッティ・メ Grassa)」[1]すなわち食の都である北部のボローニャの裕福層が、隣接す ニューのひとつである。 るフランスのラグー(煮込み)をもとに肉や野菜、ワインな どを贅沢に使 戦後、兵庫県宝塚市にあったイタリア料理店 “アベーラ” の初代店主オラッ 用して作らせたのが起源といわれている[2]。 ツィオ・アベーラ(1913 - 1974)が、「スパゲティミートソース」として店 ¥ 1982年にイタリア料理アカデミー(Accademia Italiana della Cucina)[3]の で出したのが日本初という説がある[4]。 ボローニャ代表によって発行されたレシピは、材料を牛肉、パンチェッタ、 1959年、キユーピーが独立した缶入り商品としてこのソースを発売[5]した 玉葱、人参、セロリ、トマトペースト、肉のブイヨン、赤ワイン、そして任 ことが、家庭によりミートソースを普及させる下地を作った。これに追随 意での牛乳およびクリームに制限している。ソフリットとしてプロシュッ する形でスパゲッティ・ソースの販売が各社で行なわれ、レトルト食品中 ト、モルタデッラ、またはポルチーニが加えられることもある。伝統的なも 心にバラエティーを極める現在でも、未だミートソースの人気は衰えてい
107.
すごくそれっぽい!
108.
とりあえずこの辺に絵を入れたい
109.
とりあえずこの辺に絵を入れたい
110.
おいしいイタリアン パスタ
agenda ピッツァ ミートソース カルボナーラ ラビオリ マルゲリータ ペペロンチーノ アラビアータ カルツォーネ
111.
すごくそれっぽい!
112.
画像レイアウトのお勉強 ・限られた画像リソースを様々な レイアウトを行うことで、ユーザ に与える印象を操作する手法が書 かれてあります。 ・レイアウトだけでなく、画像全体 の色味やトリミングの仕方を工夫 するだけでも、かっこ良く魅せる 方法も書いてあります。
113.
まとめ
114.
agenda • プロジェクトを作る前にやること >コンテンツを決めよう! >コンテンツを整理しよう! >色を決めよう!
115.
まとめ • できるだけピンポイントなコンテンツを選択 する。<-コンテンツにストーリーを持たせる •
コンテンツを3つの階層構造にわける。 • ベースカラー -> 文字色 -> アクセントカラー を決める。 • 名前は印象的且つ理由を持ってつける。
116.
agenda • プロジェクトを作ってからやること >基本レイアウトを決めよう! >タイポグラフィ >イメージの取り扱い
117.
まとめ • 基本的なレイアウトは継承しつつ、日本語 フォントに合わせてデザインする。 •
フォントが与える印象の違いを考慮して、使 い分ける。 • 画像リソースは三分割法を使えば、まずバラ ンスか崩れない。
118.
、いいつつ、やっぱり一番大事なの
119.
いろです。
120.
119
121.
App10
120
122.
タイトルがぴんくになるだけで かわいい、女子的、春っぽい
123.
おいしいイタリアン パスタ
ピッツァ ミートソース カルボナーラ ラビオリ マルゲリータ ペペロンチーノ アラビアータ カルツォーネ
124.
おいしいイタリアン パスタ
ピッツァ ミートソース カルボナーラ ラビオリ マルゲリータ ペペロンチーノ アラビアータ カルツォーネ
125.
ミートソース パスタ
を利用したり、オリーブ油とともにバターを使用するレシピも存在する。 また、実際にはトマトペーストではなく、トマトソースを使うレシピも広く 知られている。 イタリアでは、伝統的にタリアテッレと和えて調理される (tagliatelle alla bolognese)。またはラザーニャ、カネロニとして調理される。リガ トーニなどの、短い管状のパスタと合わせることもある。 イタリア国外では、スパゲッティと和えて食されることが一般的である。 この食べ方はイタリア国内にも広がってきている[3]。しかしこのスパゲッ ティ・ボロネーゼ(Spaghetti alla Bolognese, スパゲッティ・ボローニャ 風の意)は、イタリア南部のように乾いたパスタではなく、卵を原材料と したパスタが好まれてきたエミリア料理 (cucina emiliana) の伝統には 属さないものであり、本来的にボローニャ風とは言い難いものである。日 イタリア南部の簡単な調理法しかなかったパスタを、「肥満の街(La 本では、ナポリタンと並んで日本人になじみの深いスパゲッティ・メ Grassa)」[1]すなわち食の都である北部のボローニャの裕福層が、隣接す ニューのひとつである。 るフランスのラグー(煮込み)をもとに肉や野菜、ワインな どを贅沢に使 戦後、兵庫県宝塚市にあったイタリア料理店 “アベーラ” の初代店主オラッ 用して作らせたのが起源といわれている[2]。 ツィオ・アベーラ(1913 - 1974)が、「スパゲティミートソース」として店 ¥ 1982年にイタリア料理アカデミー(Accademia Italiana della Cucina)[3]の で出したのが日本初という説がある[4]。 ボローニャ代表によって発行されたレシピは、材料を牛肉、パンチェッタ、 1959年、キユーピーが独立した缶入り商品としてこのソースを発売[5]した 玉葱、人参、セロリ、トマトペースト、肉のブイヨン、赤ワイン、そして任 ことが、家庭によりミートソースを普及させる下地を作った。これに追随 意での牛乳およびクリームに制限している。ソフリットとしてプロシュッ する形でスパゲッティ・ソースの販売が各社で行なわれ、レトルト食品中 ト、モルタデッラ、またはポルチーニが加えられることもある。伝統的なも 心にバラエティーを極める現在でも、未だミートソースの人気は衰えてい
126.
ミートソース パスタ
を利用したり、オリーブ油とともにバターを使用するレシピも存在する。 また、実際にはトマトペーストではなく、トマトソースを使うレシピも広く 知られている。 イタリアでは、伝統的にタリアテッレと和えて調理される (tagliatelle alla bolognese)。またはラザーニャ、カネロニとして調理される。リガ トーニなどの、短い管状のパスタと合わせることもある。 イタリア国外では、スパゲッティと和えて食されることが一般的である。 この食べ方はイタリア国内にも広がってきている[3]。しかしこのスパゲッ ティ・ボロネーゼ(Spaghetti alla Bolognese, スパゲッティ・ボローニャ 風の意)は、イタリア南部のように乾いたパスタではなく、卵を原材料と したパスタが好まれてきたエミリア料理 (cucina emiliana) の伝統には 属さないものであり、本来的にボローニャ風とは言い難いものである。日 イタリア南部の簡単な調理法しかなかったパスタを、「肥満の街(La 本では、ナポリタンと並んで日本人になじみの深いスパゲッティ・メ Grassa)」[1]すなわち食の都である北部のボローニャの裕福層が、隣接す ニューのひとつである。 るフランスのラグー(煮込み)をもとに肉や野菜、ワインな どを贅沢に使 戦後、兵庫県宝塚市にあったイタリア料理店 “アベーラ” の初代店主オラッ 用して作らせたのが起源といわれている[2]。 ツィオ・アベーラ(1913 - 1974)が、「スパゲティミートソース」として店 ¥ 1982年にイタリア料理アカデミー(Accademia Italiana della Cucina)[3]の で出したのが日本初という説がある[4]。 ボローニャ代表によって発行されたレシピは、材料を牛肉、パンチェッタ、 1959年、キユーピーが独立した缶入り商品としてこのソースを発売[5]した 玉葱、人参、セロリ、トマトペースト、肉のブイヨン、赤ワイン、そして任 ことが、家庭によりミートソースを普及させる下地を作った。これに追随 意での牛乳およびクリームに制限している。ソフリットとしてプロシュッ する形でスパゲッティ・ソースの販売が各社で行なわれ、レトルト食品中 ト、モルタデッラ、またはポルチーニが加えられることもある。伝統的なも 心にバラエティーを極める現在でも、未だミートソースの人気は衰えてい
127.
リつくったあとに、うーんってなっ カラーの比率を変えてみましょう。
128.
ベースカラーとアクセントカラーを いれかえてみたりするといいかも。
129.
ベース緑よりもベース赤のほうが なんとなく美味しそうでしょ!!
130.
(赤は人の食欲を誘う色なんですって
131.
ね、かんたんでしょう?
132.
ね、それっぽいでしょう?
133.
ね、それっぽいでしょう?
134.
この資料だって、Metroっぽくなってったでしょ?
135.
ご清聴ありがとうございました
< ) ノ゙ (> ヮ
136.
まとめ • できるだけピンポイントなコンテンツを選択する。 • コンテンツを3つの階層構造にわける。 •
ベースカラー -> 文字色 -> アクセントカラーを決める。 • 名前は印象的且つ理由を持ってつける。 • 基本的なレイアウトは継承しつつ、日本語フォントに合わせて デザインする。 • フォントが与える印象の違いを考慮して、使い分ける。 • 画像リソースは三分割法を使えば、まずバランスか崩れない。
Editor's Notes
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
&#x304B;&#x3081;&#x3089;&#x3068;&#x304B;&#x304A;&#x304B;&#x3057;&#x3068;&#x304B;&#x3060;&#x30FC;&#x3064;&#x3068;&#x304B;&#x3046;&#x3044;&#x3059;&#x304D;&#x30FC;&#x304C;&#x3059;&#x304D;&#x3067;&#x3059;\n
&#x3042;&#x3068;&#x3001;&#x307B;&#x3093;&#x304B;&#x3044;&#x305F;&#x308A;&#x3001;&#x307E;&#x3044;&#x3053;&#x3093;&#x3067;&#x3042;&#x305D;&#x3093;&#x3060;&#x308A;&#x3001;&#x30A2;&#x30D7;&#x30EA;&#x3064;&#x304F;&#x3063;&#x305F;&#x308A;&#x3057;&#x3066;&#x307E;&#x3059;\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Download now