Webデザイナになる為の3つのヒント

Oct 26, 20151 like5,098 views

Akihiro Sato

体験ベースで、Webデザイナになる為のヒントを3つにまとめてお伝えします。

Web デザイナになる為の3 つのヒント
1
2015.10.22 HELLO! WE B!T OKY O #1
体験から語る

パソナテック＜SKILL BASECAMP 2013＞「Groundwork ! 未来のWeb制作現場で通用するクリエイターとなるために、いま刷新すべきセオリー」資料 ※こちらのスライドの内容と重複しますが、ロクナナさんの10周年記念のビデオで実際の操作画面とかがご覧頂けます。ロクナナ10周年記念サイト https://67.org/ws10th/ こもりまさあきのWeb制作環境 [67WS10周年記念] http://www.youtube.com/watch?v=gKeAJJhX2Og

これからはじめるWebプロジェクトマネジメント - 計画の立て方Reimi Kuramochi Chiba

20160124_GPL勉強会rie05

これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトYuya Toida

快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本健司schoowebcampus

ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/1611/room ーーーーーーーーーーーーーーーーーーーーーーー

コーディングを考慮したWebデザインガイドラインHiroyuki Makishita

スクールと現場のハザマ 2018 登壇資料塩井美咲さんDIVE INTO CODE Corp.

【特別企画】Webエンジニア就業成功者が語る！スクールと現場のハザマ 2018 〜年齢の壁をぶっ壊せ！〜株式会社キャタル　テクノロジーエンジニア　塩井美咲　氏元福岡在住・2017年10月期オンライン生。前職はメーカー系子会社で総務事務に従事していました。手に職をつけて社会貢献生の高い仕事に携わりたいと思い立ち、30代でプログラミングの勉強を開始。DIC卒業後は受託開発企業でインターンを経験した後、11年暮らした福岡を離れ、現在は渋谷の教育ベンチャーでWebエンジニアとしてEdTechに関わるお仕事をしています。Rubyと喫茶店と昔の音楽が大好き。上京してからは毎週末、お気に入りの喫茶店を探して回る旅に出ています。 https://twitter.com/coe401_

コンポーネント単位で考えるWeb制作祐磨堀

見積りや進捗管理上「ページ」という単位で考えられることが多いWeb制作ですが、実際には「コンポーネント」単位で制作工程を考えた方が多くの面でメリットがあるのではないだろうか。最新のHTML/CSSプリプロセッサを駆使しながら、コンポーネントという切り口での制作、進行管理、分業の可能性を模索します。 http://media-massage.net/works/docs/componentweb/

フリーランスミートアップを開催してきた@Creators MeetUp #44Erina Takei

第44回 Creators MeetUpの登壇資料です！ http://cmu.connpass.com/event/39585/ フリーランスミートアップというイベントを主催したので、その中の気付きや学び。そして、イベント主催をもっと気軽に色んな人にやってもらいたい！っていう話です。武井絵利菜@skyguild http://skyguild.jp

テーマ・プラグイン開発の光と闇 #wctokyoHidekazu Ishikawa

聞いて覚えるマテリアルデザイン入門正樹平野

サービス業から学んだコミュニケーションのコツYumi Masaki

ノンデザイナーのためのWebデザイン講座光利吉田

デキるWebデザイナーを目指せ！本当に現場で使えるCC活用テクニックAkiko Kurono

デザイナーが複業でデザイナーしてる話Yuya Toida

レスポンシブWebデザインの基礎Hiroyuki Ogawa

フリーランスに必要な “リサーチスキル”と仕事の作り方kenji goto

プログラミングに恋する方法Reimi Kuramochi Chiba

デジタルメディアでのアプローチを構成する"魅せる"、"振る舞う"という要素は、プログラミングによる動かす力が必要です。動かし方を知らねばどんなアイデアも企画も実現しないぞ！ I/Oモジュール「Gainer」を用いて、電子工作&プログラミングに挑んだお話をします。デモもします。第10回Creators MeetUp http://atnd.org/events/45045

優れたデザインの定義と思考方法Junichi Izumi

クライアントと同じ方向を向くという事kenji goto

業種問わずおすすめしたい！恋したwebサービス7選Reimi Kuramochi Chiba

Webデザイナー1年生の為のしおりtomoakitomono

WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介kenji goto

Webデザインのトーン＆マナーを導き出す手法Katsumi Tazuke

2015年のWebを考えるkenji goto

見やすいプレゼン資料の作り方 - リニューアル増量版MOCKS | Yuta Morishige

書籍化し、12万部突破しました。【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます・自己学習や勉強会などの目的でしたらご自由にお使いいただけます・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください・記事への参考資料にする際は適切な出典明記をお願いいたします【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。フリーで使えます。【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから【書籍情報】デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https://amzn.asia/d/gOBCWKc 【前作】 > http://www.slideshare.net/yutamorishige50/how-to-present-better

Chrome Devtools for beginners (v1.1)yoshikawa_t

More Related Content

What's hot (20)

コーディングを考慮したWebデザインガイドラインHiroyuki Makishita

スクールと現場のハザマ 2018 登壇資料塩井美咲さんDIVE INTO CODE Corp.

コンポーネント単位で考えるWeb制作祐磨堀

フリーランスミートアップを開催してきた@Creators MeetUp #44Erina Takei

テーマ・プラグイン開発の光と闇 #wctokyoHidekazu Ishikawa

聞いて覚えるマテリアルデザイン入門正樹平野

サービス業から学んだコミュニケーションのコツYumi Masaki

ノンデザイナーのためのWebデザイン講座光利吉田

デキるWebデザイナーを目指せ！本当に現場で使えるCC活用テクニックAkiko Kurono

デザイナーが複業でデザイナーしてる話Yuya Toida

レスポンシブWebデザインの基礎Hiroyuki Ogawa

フリーランスに必要な “リサーチスキル”と仕事の作り方kenji goto

プログラミングに恋する方法Reimi Kuramochi Chiba

優れたデザインの定義と思考方法Junichi Izumi

クライアントと同じ方向を向くという事kenji goto

業種問わずおすすめしたい！恋したwebサービス7選Reimi Kuramochi Chiba

Webデザイナー1年生の為のしおりtomoakitomono

WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介kenji goto

Webデザインのトーン＆マナーを導き出す手法Katsumi Tazuke

2015年のWebを考えるkenji goto

コーディングを考慮したWebデザインガイドラインHiroyuki Makishita

スクールと現場のハザマ 2018 登壇資料塩井美咲さんDIVE INTO CODE Corp.

コンポーネント単位で考えるWeb制作祐磨堀

フリーランスミートアップを開催してきた@Creators MeetUp #44Erina Takei

テーマ・プラグイン開発の光と闇 #wctokyoHidekazu Ishikawa

聞いて覚えるマテリアルデザイン入門正樹平野

サービス業から学んだコミュニケーションのコツYumi Masaki

ノンデザイナーのためのWebデザイン講座光利吉田

デキるWebデザイナーを目指せ！本当に現場で使えるCC活用テクニックAkiko Kurono

デザイナーが複業でデザイナーしてる話Yuya Toida

レスポンシブWebデザインの基礎Hiroyuki Ogawa

フリーランスに必要な “リサーチスキル”と仕事の作り方kenji goto

プログラミングに恋する方法Reimi Kuramochi Chiba

優れたデザインの定義と思考方法Junichi Izumi

クライアントと同じ方向を向くという事kenji goto

業種問わずおすすめしたい！恋したwebサービス7選Reimi Kuramochi Chiba

Webデザイナー1年生の為のしおりtomoakitomono

WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介kenji goto

Webデザインのトーン＆マナーを導き出す手法Katsumi Tazuke

2015年のWebを考えるkenji goto

Viewers also liked (20)

見やすいプレゼン資料の作り方 - リニューアル増量版MOCKS | Yuta Morishige

Chrome Devtools for beginners (v1.1)yoshikawa_t

エヴァンジェリストのドミナント(風)戦略知記渡部

SwiftでSNS投稿を行うTakashi Matsumoto

Playing with playgroundsEurico Doirado

Playgrounds are interactive coding environments that allow developers to write Swift code and see the results immediately without running the project. Playgrounds come bundled with Xcode 6 and support Swift for both iOS and OSX development. Playgrounds provide features like a text editor, quick look previews of values, and value history to visualize how values change over time which make them useful for learning Swift. However, playgrounds can be slow and Xcode crashes sometimes since it was still in beta when the document was written.

20170201 dev rel_publicSix Apart

ミルフィーユ　自動回路設計ツールYoshinari Kou

マンガ駆動開発のすゝめKazuhide Okamura

マンガ駆動開発第3版Koji Hara

継続的デリバリー全体像とハンズオン #yuru_gee #21cafe智治長沢

BeatroboでのハードウェアプロトタイピングHideyuki TAKEI

IoT超初心者がMilkcocoaからラズベリーパイに遠隔LチカしてみたKayoko Hashi

はじめてのMilkcocoaMatsufuji Misako

38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」Takashi Kitamura

ドローン＋ IT 〜エンジニアはフィールドに出よう〜Tomo Watanabe

iQON デザインリニューアルのポイントKwon Miae

STORES.jpトップページのつくりかたKanako Kawahara

Webディレクター用ポートフォリオテンプレートtoksato

CMSホームページ制作サービスcomgご提案書Four Fusion Marketing

独自開発したCMSで構築するホームページ制作サービスcomg（コムジィ）のCMS機能や制作料金、制作実績、集客効果などを把握できる資料です。ホームページは、「自社で育てる」というコンセプトでWebの運営によりビジネス成果に貢献するサービスを目指しています。スマートフォンにも対応するレスポンシブWebデザインのセミオーダーPlanが好評でB to B、B toCを問わず新規問合せ数の増加や採用において結果をだしています。ランディングページ制作や動画制作の実績も一部掲載しているのであわせてご確認ください。 CMSホームページ制作サービスcomg公式サイト http://www.com-g.jp/