Submit Search
Upload
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
•
2 likes
•
5,607 views
Luiz Fukumoto
Follow
Webデザイナーのお仕事について書きました。 個人での活動のことも少しばかり..
Read less
Read more
Design
Report
Share
Report
Share
1 of 32
Download now
Download to read offline
Recommended
Webデザイナになる為の3つのヒント
Webデザイナになる為の3つのヒント
Akihiro Sato
キャリア設計的な話
キャリア設計的な話
祐磨 堀
コンポーネント単位で考えるWeb制作
コンポーネント単位で考えるWeb制作
祐磨 堀
Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明
祐磨 堀
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
これからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメント
webcampusschoo
アイデアを発展・整理するための便利なアプリとその使い方
アイデアを発展・整理するための便利なアプリとその使い方
祐磨 堀
Recommended
Webデザイナになる為の3つのヒント
Webデザイナになる為の3つのヒント
Akihiro Sato
キャリア設計的な話
キャリア設計的な話
祐磨 堀
コンポーネント単位で考えるWeb制作
コンポーネント単位で考えるWeb制作
祐磨 堀
Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明
祐磨 堀
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
これからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメント
webcampusschoo
アイデアを発展・整理するための便利なアプリとその使い方
アイデアを発展・整理するための便利なアプリとその使い方
祐磨 堀
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
今更はじめるQuartz Composer
今更はじめるQuartz Composer
祐磨 堀
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
正樹 平野
これからはじめるWebプロジェクトマネジメント - 計画の立て方
これからはじめるWebプロジェクトマネジメント - 計画の立て方
Reimi Kuramochi Chiba
20160124_GPL勉強会
20160124_GPL勉強会
rie05
javascriptの基礎
javascriptの基礎
Masayuki Abe
地方のWeb制作会社が backlogなしで 仕事できない理由 #jbug #jbug福岡
地方のWeb制作会社が backlogなしで 仕事できない理由 #jbug #jbug福岡
Garyuten
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
祐磨 堀
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
PMの立ち位置について
PMの立ち位置について
SSK
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
祐磨 堀
kintoneフロントエンド開発 モダン化への道
kintoneフロントエンド開発 モダン化への道
Yusuke Amano
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
DIVE INTO CODE Corp.
Webアクセシビリティが無視されすぎで気にくわない。
Webアクセシビリティが無視されすぎで気にくわない。
uenoyuuki
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
schoowebcampus
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
Members_corp
More Related Content
What's hot
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
今更はじめるQuartz Composer
今更はじめるQuartz Composer
祐磨 堀
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
正樹 平野
これからはじめるWebプロジェクトマネジメント - 計画の立て方
これからはじめるWebプロジェクトマネジメント - 計画の立て方
Reimi Kuramochi Chiba
20160124_GPL勉強会
20160124_GPL勉強会
rie05
javascriptの基礎
javascriptの基礎
Masayuki Abe
地方のWeb制作会社が backlogなしで 仕事できない理由 #jbug #jbug福岡
地方のWeb制作会社が backlogなしで 仕事できない理由 #jbug #jbug福岡
Garyuten
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
祐磨 堀
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
PMの立ち位置について
PMの立ち位置について
SSK
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
祐磨 堀
kintoneフロントエンド開発 モダン化への道
kintoneフロントエンド開発 モダン化への道
Yusuke Amano
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
DIVE INTO CODE Corp.
Webアクセシビリティが無視されすぎで気にくわない。
Webアクセシビリティが無視されすぎで気にくわない。
uenoyuuki
What's hot
(20)
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
今更はじめるQuartz Composer
今更はじめるQuartz Composer
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
これからはじめるWebプロジェクトマネジメント - 計画の立て方
これからはじめるWebプロジェクトマネジメント - 計画の立て方
20160124_GPL勉強会
20160124_GPL勉強会
javascriptの基礎
javascriptの基礎
地方のWeb制作会社が backlogなしで 仕事できない理由 #jbug #jbug福岡
地方のWeb制作会社が backlogなしで 仕事できない理由 #jbug #jbug福岡
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
PMの立ち位置について
PMの立ち位置について
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
kintoneフロントエンド開発 モダン化への道
kintoneフロントエンド開発 モダン化への道
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
Webアクセシビリティが無視されすぎで気にくわない。
Webアクセシビリティが無視されすぎで気にくわない。
Similar to HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
schoowebcampus
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
Members_corp
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方
Tomoko Nishina
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
Yuki Suzuki
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117
direkyo-kyusyu
2020 cocone
2020 cocone
cocone_recruit
入社4ヶ月 新入りPdMの取り組み
入社4ヶ月 新入りPdMの取り組み
Tsuyoshi Nagahashi
初めてのGIT超入門
初めてのGIT超入門
Tomoya Koyanagi
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
Web開発者が始める .NET MAUI Blazor App
Web開発者が始める .NET MAUI Blazor App
TomomitsuKusaba
iOSアプリ制作ツールアプリビルダーを支える技術
iOSアプリ制作ツールアプリビルダーを支える技術
Tomoki Hasegawa
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
Yuya Toida
0からのWebディレクション for Students 3月講義 WBS編
0からのWebディレクション for Students 3月講義 WBS編
Takehiko Goshi
0 d4s 20140323_共有用
0 d4s 20140323_共有用
Takehiko Goshi
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
Tatsuya Miyauchi
2004チームspec_紹介資料
2004チームspec_紹介資料
masaki sukeda
八王子 WordPress Meetupのオーガナイザーになりました
八王子 WordPress Meetupのオーガナイザーになりました
Naotaka Saito
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
Chihiro Tomita
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチ
JunNomura1
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチ
JunNomura1
Similar to HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
(20)
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117
2020 cocone
2020 cocone
入社4ヶ月 新入りPdMの取り組み
入社4ヶ月 新入りPdMの取り組み
初めてのGIT超入門
初めてのGIT超入門
groundwork-pasona-tech
groundwork-pasona-tech
Web開発者が始める .NET MAUI Blazor App
Web開発者が始める .NET MAUI Blazor App
iOSアプリ制作ツールアプリビルダーを支える技術
iOSアプリ制作ツールアプリビルダーを支える技術
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
0からのWebディレクション for Students 3月講義 WBS編
0からのWebディレクション for Students 3月講義 WBS編
0 d4s 20140323_共有用
0 d4s 20140323_共有用
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
2004チームspec_紹介資料
2004チームspec_紹介資料
八王子 WordPress Meetupのオーガナイザーになりました
八王子 WordPress Meetupのオーガナイザーになりました
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチ
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
1.
ゼロから始めるWebデザイン HELLO!WEB!TOKYO #2 ◉ Marcorio
Luiz Antonio Guedes Junior 2016.01.14 Web designer ? + α
2.
マルコリオ ルイス アントニオ
ゲディス Nameー ス ジュニオル ( 福本 ルイス ) 株式会社ヌーサイト / Webデザイナー Workー 絵を描いたり、コラージュ作品を作ったり Activity ー
3.
ブラジル生まれ広島育ち 1989 ー 福岡の大学でデザインを学ぶ 2008 ー 福岡でデザイナーとして2年間働く 2012
ー マルコリオ一族、全員ブラジルへ帰る 2014 ー 10ヶ月後ブラジルから上京して Webデザイナーへ 2014 ー
4.
1. お仕事について
5.
株式会社ヌーサイト ー nousite,inc.
6.
Web site ー App
ー nousite,inc.
7.
Etc ー nousite,inc.
8.
Etc ー nousite,inc.
9.
Etc ー nousite,inc.
10.
2. お仕事の流れ
11.
作る目的を考える ①要件定義 ー 骨組み・ワイヤーを作る ②情報設計 ー ソフトを使って画面を作り込む ③デザイン
ー ブラウザで見れるようにする ④コーディング ー
12.
作る目的を考える ( ディレクター・デザイナー ) ①要件定義
ー
13.
骨組み・ワイヤーを作る ( ディレクター・デザイナー ) ②情報設計
ー ○○○○○○ キャンペーン バナー (Gakunin) 新着情報 プライバシーポリシー 個人情報の取り扱いについて 運営会社 Copyright © 2015-2016, gakuwari on�line, Japan All Rights Reserved. 新着情報 参加校一覧 サービスプロバイダ一覧○○○○○○○とは? 小サイズバナー Myページ 新規会員登録 Footer Logo
14.
ソフトを使って画面を作り込む ( デザイナー ) ③デザイン
ー
15.
ブラウザで見れるようにする ( コーダー ) ④コーディング
ー
16.
Web site ー App
ー nousite,inc.
17.
喜んでもらえたとき Point 01 ー 成果がでたとき Point
02 ー 「次の案件もルイスさんで!」と依頼されたとき Point 03 ー 徹夜明けのビールを飲んとき Point 04 ー
18.
3. デザイナーになりたい方へ
19.
とにかく作品を作って数を増やす
20.
受けにくる人は多いけれども デザイナーになりたいって言うだけで 何も見せててくれない 制作会社の面接でよく聞いたこと ー
21.
作品を多く見せること デザインが好きであること 情熱をもっていること 大事なのは ー
22.
4. どうやって作っていけばいいのか
23.
制作ソフトを用意 ①準備 ー 作る対象をみつける( ランサーズで探すのもアリ
) ②案件 ー ギャラリーサイトで様々なサイトを研究して、 参考にしながら制作していく ③デザイン ー
24.
制作ソフトを用意 ①準備 ー
25.
作る対象をみつける ( ランサーズで探すのもアリ ) ②案件
ー http://www.lancers.jp/
26.
ギャラリーサイトで 様々なサイトを研究して、 参考にしながら制作していく ③デザイン ー http://io3000.com/
27.
5. +αの部分
28.
29.
Collage Art ー
30.
Events ー
31.
Goods ー Portfolio
Site ー Live painting ー
32.
Thanks.
Download now