Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
rie05
PDF, PPTX
1,916 views
141219 まにフェス
2015年12月19日に大阪産創館で行われた「まにまにフェスティバル」で発表した資料です。
Design
◦
Read more
1
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 36
2
/ 36
3
/ 36
4
/ 36
5
/ 36
6
/ 36
7
/ 36
8
/ 36
9
/ 36
10
/ 36
11
/ 36
12
/ 36
13
/ 36
14
/ 36
15
/ 36
16
/ 36
17
/ 36
18
/ 36
19
/ 36
20
/ 36
21
/ 36
22
/ 36
23
/ 36
24
/ 36
25
/ 36
26
/ 36
27
/ 36
28
/ 36
29
/ 36
30
/ 36
31
/ 36
32
/ 36
33
/ 36
34
/ 36
35
/ 36
36
/ 36
More Related Content
PDF
デザインはおまかせで、丸投げされた時どうする?
by
rie05
PDF
20160124_GPL勉強会
by
rie05
PDF
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
by
Miho Yamamori
PDF
これからのWebデザイナーのキャリアプラン
by
Sasaki Kouhei
PDF
福井で「しあわせデザイナー」になるために
by
Miho Yamamori
PDF
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
by
WebSig24/7
PDF
デザイナーとエンジニアの良い関係
by
Kanako Kawahara
PDF
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
by
schoowebcampus
デザインはおまかせで、丸投げされた時どうする?
by
rie05
20160124_GPL勉強会
by
rie05
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
by
Miho Yamamori
これからのWebデザイナーのキャリアプラン
by
Sasaki Kouhei
福井で「しあわせデザイナー」になるために
by
Miho Yamamori
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
by
WebSig24/7
デザイナーとエンジニアの良い関係
by
Kanako Kawahara
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
by
schoowebcampus
What's hot
PDF
デザインに自信がつく、タイポグラフィの基本
by
Takuya Nishitani
PPTX
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
by
Yuya Toida
PDF
レスポンシブサイト制作に効く デザインTipsあれこれ
by
Akiko Kurono
PDF
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
by
Ayaka Sumida
PDF
イラレでWebデザインしても嫌われないデータ作成術
by
Yasuhito Yabe
PPT
デザイン仕様書(ガイド)の書き方 (初歩者用)
by
witstudio
PDF
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
by
Aya Komuro
PDF
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
by
Aimi Shinohara
PDF
Webサービスをデザインするってどういうこと?
by
Kanako Kawahara
PPTX
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
by
Aimi Shinohara
PDF
Webデザインのトーン&マナーを導き出す手法
by
Katsumi Tazuke
PDF
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
by
schoowebcampus
PDF
20130113 01 dir-mtgスライド
by
Kenta Nakamura
PDF
20121117 01 dir-mtgスライド01
by
Kenta Nakamura
PDF
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
by
Risako Imai
PDF
ゼロからのディレクション講座 制作・開発編20150221
by
Yusuke Kojima
PDF
0からのウェブディレクション講座:制作・開発編 ver 3.00
by
Yusuke Kojima
PDF
習ったことはありませんがこんな感じでWebデザインを教えてます
by
Kyo Kaji
デザインに自信がつく、タイポグラフィの基本
by
Takuya Nishitani
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
by
Yuya Toida
レスポンシブサイト制作に効く デザインTipsあれこれ
by
Akiko Kurono
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
by
Ayaka Sumida
イラレでWebデザインしても嫌われないデータ作成術
by
Yasuhito Yabe
デザイン仕様書(ガイド)の書き方 (初歩者用)
by
witstudio
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
by
Aya Komuro
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
by
Aimi Shinohara
Webサービスをデザインするってどういうこと?
by
Kanako Kawahara
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
by
Aimi Shinohara
Webデザインのトーン&マナーを導き出す手法
by
Katsumi Tazuke
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
by
schoowebcampus
20130113 01 dir-mtgスライド
by
Kenta Nakamura
20121117 01 dir-mtgスライド01
by
Kenta Nakamura
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
by
Risako Imai
ゼロからのディレクション講座 制作・開発編20150221
by
Yusuke Kojima
0からのウェブディレクション講座:制作・開発編 ver 3.00
by
Yusuke Kojima
習ったことはありませんがこんな感じでWebデザインを教えてます
by
Kyo Kaji
Viewers also liked
DOCX
Interview tips
by
Debra Pitz
DOCX
Síntesis de informática
by
yuritza15
PDF
Slide19
by
schurjocelyn
PPTX
Iron metabolism in neonates and role of hepcidin
by
kamalarora21
PPTX
3135
by
12133135
DOCX
Horsebox cleansing
by
iram856
PDF
Sentença Eleição Ijuí
by
José Augusto Fiorin
PDF
Slide06
by
schurjocelyn
PDF
Resultado del sorteo de los cursos septiembre a diciembre 2015
by
Saregune
PPTX
Ovidio
by
Carmen Cifredo Martín
PPT
Ejercito romano, la legión y el campamento
by
Carmen Cifredo Martín
PPTX
Esquemas de la literatura grecolatina
by
alevehe11
PPT
Aflatoxin basics
by
International Institute of Tropical Agriculture
PPTX
JPiere 伝票の基礎知識
by
Hideaki Hagiwara
PDF
Juknis PMP
by
Asda Arrova
PPTX
JPIERE-0106:まとめ請求書
by
Hideaki Hagiwara
DOCX
Medidas de informacion
by
Inmaculada Concepción
PDF
La Oratoria romana
by
francimanz
PPT
1 CARTA DE PEDRO
by
fercho390n
PPTX
Soil Fertility Management Recommendations
by
International Institute of Tropical Agriculture
Interview tips
by
Debra Pitz
Síntesis de informática
by
yuritza15
Slide19
by
schurjocelyn
Iron metabolism in neonates and role of hepcidin
by
kamalarora21
3135
by
12133135
Horsebox cleansing
by
iram856
Sentença Eleição Ijuí
by
José Augusto Fiorin
Slide06
by
schurjocelyn
Resultado del sorteo de los cursos septiembre a diciembre 2015
by
Saregune
Ovidio
by
Carmen Cifredo Martín
Ejercito romano, la legión y el campamento
by
Carmen Cifredo Martín
Esquemas de la literatura grecolatina
by
alevehe11
Aflatoxin basics
by
International Institute of Tropical Agriculture
JPiere 伝票の基礎知識
by
Hideaki Hagiwara
Juknis PMP
by
Asda Arrova
JPIERE-0106:まとめ請求書
by
Hideaki Hagiwara
Medidas de informacion
by
Inmaculada Concepción
La Oratoria romana
by
francimanz
1 CARTA DE PEDRO
by
fercho390n
Soil Fertility Management Recommendations
by
International Institute of Tropical Agriculture
Similar to 141219 まにフェス
PDF
終わりなきWebの旅
by
Yasuhisa Hasegawa
PDF
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
by
FICC inc.
PPTX
AITC 女子部 第一回 Web 技術 Html5
by
Natsumi Irimura
PDF
早く・良いものを作るための、WordPressサイト構築ワークフロー
by
Takako Horiuchi
PDF
マークアップ講座 01a プロローグ
by
eiji sekiya
PDF
CCL Vol.6_WEB DESIGN TREND_20140625
by
Creator's Career Lounge(CCL)運営事務局
PDF
さあ、デザインをはじめよう。DevLOVE関西
by
rie05
PDF
プロトタイプ時代の WordPressテーマの作り方・考え方
by
kenji goto
PDF
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
by
Miho Yamamori
PDF
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
by
Hideki Akiba
PDF
もしも素人営業ウーマンが UI/UXデザイナーになったら
by
Chloe Takahashi
PDF
インブラウザ勉強会 Vol.1
by
masaaki komori
PDF
更に進化するCSSの表現力と新しいWebツール (アドビセッション @HTML5 Conference 2012)
by
Keisuke Todoroki
PDF
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
by
Shogo Iwano
PDF
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
by
xyz corporation
PDF
体験をデザインするとは何か
by
Sunami Hokuto
PDF
Adobe Fireworks CS6 使いこなしテクニック
by
Mori Kazue
PDF
HTML5とCSS3でWebが変わる!でも導入は簡単!
by
Toshihito Gamo
PPTX
エンジニア向け即効デザイン講座
by
leverages_event
PDF
Re:Cre Vol.14 | Web design process for the future
by
masaaki komori
終わりなきWebの旅
by
Yasuhisa Hasegawa
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
by
FICC inc.
AITC 女子部 第一回 Web 技術 Html5
by
Natsumi Irimura
早く・良いものを作るための、WordPressサイト構築ワークフロー
by
Takako Horiuchi
マークアップ講座 01a プロローグ
by
eiji sekiya
CCL Vol.6_WEB DESIGN TREND_20140625
by
Creator's Career Lounge(CCL)運営事務局
さあ、デザインをはじめよう。DevLOVE関西
by
rie05
プロトタイプ時代の WordPressテーマの作り方・考え方
by
kenji goto
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
by
Miho Yamamori
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
by
Hideki Akiba
もしも素人営業ウーマンが UI/UXデザイナーになったら
by
Chloe Takahashi
インブラウザ勉強会 Vol.1
by
masaaki komori
更に進化するCSSの表現力と新しいWebツール (アドビセッション @HTML5 Conference 2012)
by
Keisuke Todoroki
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
by
Shogo Iwano
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
by
xyz corporation
体験をデザインするとは何か
by
Sunami Hokuto
Adobe Fireworks CS6 使いこなしテクニック
by
Mori Kazue
HTML5とCSS3でWebが変わる!でも導入は簡単!
by
Toshihito Gamo
エンジニア向け即効デザイン講座
by
leverages_event
Re:Cre Vol.14 | Web design process for the future
by
masaaki komori
141219 まにフェス
2.
自己紹介 瀬口 理恵 Seguchi Rie 1983年大阪生まれ。 5DG-Five Dimension
Graphics-代表、デジタルハリウッド大阪校講師。 約7年間制作会社などでウェブデザイナー、ディレクターを経て2010年に独立。 ウェブサイト制作やアプリUIデザインなどを手がける。女性向けデザインが得意。 隔週火曜のUstream番組「rie'sCafebar」パーソナリティーとして放送中。 著書『人を惹きつける美しいウェブサイトの作り方』(SBクリエイティブ)。 ! 制作環境はMac、Photoshopが好きです。
3.
アジェンダ アジェンダ WEBデザイントレンド201501. 02. 03. 04. おわりに ガーリーデザイン実践 いまどきコーディング実践
4.
アジェンダ アジェンダ WEBデザイントレンド201501. 02. 03. 04. おわりに ガーリーデザイン実践 いまどきコーディング実践
5.
本当にやってきた!スマートフォン元年 トレンド2015 by Sebastiaan ter
Burg
6.
スマートフォンの国内普及率は49.7% トレンド2015 http://consult.nikkeibp.co.jp/news/2015/0831sp/
7.
スマートフォン対応は 「本当に」必須の時代へ トレンド2015
8.
トレンド2015 ファーストビューからスクロール重視へ ファーストビュー 700px以内程度に 重要事項を収める
9.
トレンド2015 ファーストビューからスクロール重視へ ユーザーにスクロール させることが前提
10.
トレンド2015 カラムレイアウト から シングルページへ
11.
トレンド2015 カラムレイアウト から シングルページへ
12.
トレンド2015 カードレイアウト、動画背景、ゴーストボタン etc…
13.
トレンド2015 タイポグラフィデザイン(ただし日本語は厳しい)
14.
アジェンダ アジェンダ WEBデザイントレンド201501. 02. 03. 04. おわりに ガーリーデザイン実践 いまどきコーディング実践
15.
「手書き風デザイン」は本当に手書きでやる デザイン実践 iPad Pro +
Apple Pencilで描きました (ペンで紙に描いてスキャンでも液タブでもOK) 1
16.
配色はそのままPhotoshopにスウォッチとして登録 デザイン実践 ウェブ配色は最初に使う「6色」を決める2
17.
Color Trends +
Palettes :: COLOURlovers http://www.colourlovers.com/ 配色を助けるサイト デザイン実践
18.
⃝ ドット、チェック、ストライプなどのパターン ⃝ 優しいテクスチャ(紙や布で淡目のもの) デザイン実践 女子っぽいデザインにはテクスチャとパターンを用意する3 オススメ!シンプルパターン研究所 fromYUKIさん http://labo.v-colors.com/
19.
実線 かすれ線 デザイン実践 かすれ線を一瞬で作る4
20.
角丸長方形ツールで角丸四角形を描きます(塗り:白/線:茶色) デザイン実践
21.
角丸四角形が選択された状態で、ブラシツールのブラシライブラリか ら「アート_ 木炭・鉛筆」の「鉛筆(大)」を選びます デザイン実践
22.
ライブラリから「鉛筆(大)」を選んだところです。 簡単に手描き風の線が描けました! デザイン実践
23.
アジェンダ アジェンダ WEBデザイントレンド201501. 02. 03. 04. おわりに ガーリーデザイン実践 いまどきコーディング実践
24.
Retina対応 普通のPCモニタ画面 Retinaディスプレイ端末 2倍サイズで画像を作っておかないとぼやけた画像に・・・ コーディング実践
25.
「retina.js」おすすめ 自動判別で通常画像と高解像度画像を入れ替え表示します http://imulus.github.io/retinajs/ コーディング実践
26.
「retina.js」おすすめ mainpict.jpg ←通常画像 mainpict@2x.jpg ←Retinaディスプレイ用高解像度画像 通常画像と同じ階層に「同じ名前+【@2x】」のファイル名で画像を置くと、 Retinaディスプレイの場合のみ画像を入れ替えてくれます。 <script type="text/javascript" src="js/retina.js"></script> <head></head>の間に読み込んで使う コーディング実践
27.
コーディング実践 レスポンシブサイト構築をみてみよう
28.
コーディング実践 IE8対応は今後必要なくなりそう 参考: Internet Explorerのサポートが変わる2016年1月12日 アップデートが必要に http://news.livedoor.com/article/detail/10855902/ Google
Codeも終了へ・・・ 参考: Google Codeが終了→html5shivでIE8のHTML5対応している人は注意! http://dtp.jdash.info/archives/Cant_Load_html5shiv_from_Google_Code
29.
コーディング実践 メディアクエリ 1つのHTMLファイルをCSSで制御し、 異なる画面のサイズでページのレイアウト・デザインを調整
30.
コーディング実践 ブレイクポイントを決めよう ブレイクポイントとは、CSSが切り替わる画面幅のこと メディアクエリを使うときに、「どこのサイズで表示を変えるか」のポイント
31.
コーディング実践 PC 1000px 以上∼(コンテンツは1000px幅で収まるように作成) タブレット 999px ∼
768px(代表的なiPadの縦サイズを考慮) スマートフォン 767px 以下∼(iPhone6 Plus横向きはタブレット扱い)
32.
アジェンダ アジェンダ WEBデザイントレンド201501. 02. 03. 04. ガーリーデザイン実践 いまどきコーディング実践 おわりに
33.
書籍紹介 ・高級温泉旅館 ・エステサロン ・コーポレート ・ネイルサロン ・カフェ ・ファッションEC ・英会話スクール 全7ジャンルのサンプルサイトとその解説
34.
書籍紹介 作例はPhotoshopデータ、htmlデータ 共に全て付録CD収録(商用利用可) アイコンと、カラースウォッチ集もついてます!
35.
サンプルサイト一例 書籍紹介
Download