【超初心者向け】Webデザインの基礎知識と作り方・考え方
HTML-код
- Опубликовано: 9 апр 2021
- コーポレートサイトリニューアル・リブランディング、Wordpressサイト構築・カスタマイズのことならお任せください！
★仕事の依頼・ご質問はこちらから [相談無料]
（WEBサイト制作・Wordpress構築・ECサイト構築・小規模システム開発・各種デザイン）
skygold.co.jp
今回の動画は、初心者向けに、
Webデザイン制作の際に必要な最低限の基礎知識を
初心者の方にも理解できるように、解説をしていきたいと思います。
今回は、Web制作のプロジェクト全体ではなく、
「デザイン制作」の超基本的な部分に焦点をあてて、解説をしていきたいと思います。
このフローでwebサイトの全体の基本デザインが決まってきますので、
デザイン制作をする際は、雰囲気や感性だけで作るのではなく、
Webデザインの、基礎知識やデザインの理論に基づいて作成することで、
より良いwebデザインを仕上げることができるようになります。
★仕事の依頼・ご質問はこちらから
（WEBサイト制作・Wordpress構築・ECサイト構築・小規模システム開発・各種デザイン）
skygold.co.jp
★ShopifyでのECサイト・ネットショップ構築はこちら
skygold.co.jp/shopify-lp/
1. レイアウト
・全体のレイアウト 1:57
・コンテンツのレイアウト 4:57
2. フォント
・フォント選びのポイント 9:32
・フォントの種類 10:11
・webフォントについて 12:17
3. 配色
・配色の選び方 13:22
・色相・彩度・明度 15:37
・配色に困った時は？ 17:35
★色の意味を知る参考サイト
iro-color.com/
★カラーホイール・カラーチャート参考サイト
color.adobe.com/ja/create/col...
hue360.herokuapp.com/
iro-color.com/colorchart/tone...
★配色パターン検索参考サイト
www.schemecolor.com/
color.adobe.com/ja/explore
#webデザイン #初心者 #作り方 #基本 #webデザイナー #デザイン
★使用機材
ソニー SONY ミラーレス一眼 α6600 ILCE-6600
amzn.to/3m80P8i
audio-technica コンデンサーマイクロホン AT2020
amzn.to/2HoSIoK
SIGMA 16mm F1.4 DC DN レンズ
amzn.to/2IU1pZj
---------------------------------------------------
★こんな動画も投稿しています
---------------------------------------------------
【初心者向け・実践】Adobe XDのWEB・UIデザインの作り方。すりガラスのようなボケた背景と、CSSの書き方。[Webデザイントレンド2021]
• 【初心者向け・実践】Adobe XDのWEB...
webサイト制作の料金が人や会社によって全然違う理由を徹底的にお話しします。
• webサイト制作料金の相場と、費用が人や会社...
webデザイナーの収入アップのスキルを6つのステップでお話しします。【ロードマップ】
• webデザイナーの年収アップのスキルを6つの...
【フリーランス】稼げる人と稼げない人の違い・特徴7つ。
• 【フリーランス】稼げる人と稼げない人の違い・...
Wordpressってそもそも何？わかりやすく簡単に説明します。よくわかってない方は必見。【超初心者向け】
• Wordpressってそもそも何？わかりやす...
【Web集客・マーケティング】小さな会社や事業者のための、初心者が覚えるべきwebマーケティング・webサイト設計の基本
• 【Web集客・マーケティング】小さな会社や事...
【Webデザイン】WEBサイトリニューアルの際にやっておくべきSEO対策の基本
• 【2020年】WEB制作・サイトリニューアル...
プロの現場のWEBデザイン制作の流れについて説明します。
• プロの現場のWEBデザイン制作の流れについて...
プロの現場のWordpressを使用したwebサイト制作の手順・流れを解説します。
• プロの現場のWordpressを使用したwe...
Wordpressで稼ぐ方法と、稼げる理由、必要なスキルをお話しします。
• Wordpressで稼ぐ方法と、稼げる理由、...
【持続化補助金】webサイトや広告の発注をしたい小規模事業者は要チェック!25万円の自己負担で、75万円相当のWEBサイトが作れます。
• Video
WEBデザイナーってどんな仕事？年収1000万以上稼げるスキルとは？仕事内容や、人によっての業務範囲の違いを話します。
• 【2020年】WEBデザイナーってどんな仕事...
Webサイト制作「稼げない」から「稼げる」へ変わる5つのヒント(デザイン・コーディング)
• 【2020年】Webデザイナーが低賃金から脱...
#webデザイン #XD #使い方 #初心者向け #グラデーション #2021 #web制作 #adobe #コーディング
Photoshopでのデザイン制作や、Webサイト制作・Wordpress構築についてのご質問はお気軽にどうぞ。
---------------------------------------------------------------------------
★PROFILE
---------------------------------------------------------------------------
スカイゴールド株式会社
代表取締役 / クリエイティブディレクター/webデザイナー
2009年1月よりフリーランスのディレクター/Webデザイナーとして活動しながら、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。2015年11月にスカイゴールド株式会社として法人化。
現在は主に東京を中心にしながら、 タイ・バンコクを年間4,5回ほど往復しながら活動中。
Wordpressを使用したオリジナルデザイン制作・オウンドメディア構築を得意とする。
国内外の様々な価値観・デザインに接触することで幅広いクリエイティブや臨機応変にアイデアを提供する。
最近は、Shopify制作の勉強も行なっている。
こちらのチャンネルでは、子供の頃からのニックネームのKEiSoNという名前で活動しております。
お仕事のご依頼、フリーランスの方のお悩みのご相談を受け付けております。
★KEiSoN RUclips channel
/ keison-creativlog
★Webデザインと旅とクリエイティブな情報を発信しております。
skygold.co.jp
★仕事の依頼はこちらから（WEBサイト制作・Wordpress構築・システム開発・写真撮影・映像制作）
skygold.co.jp
★facebook（申請をいただく際は一言メッセージを添えていただければ助かります）
/ keison0323
★Instagram
/ keison_keison
★MUSIC
LAKEY INSPIRED
Warm Nights, Overjoyed, By The Pool,Chill Day,I Found Me,Blossom,This Feeling
/ lakeyinspired
Imaginary Love by INOSSI (Music promoted by Audio Library)
bit.ly/imaginary-love 
Хобби
初心者です！
とてもわかりやすかったです☺️ありがとうございます✨
デザイン知識0の初心者ですが、スラスラ頭に入ってきました。
情報も整理されていて良かったです。ありがとうございます!
初心者ですが、めっちゃくちゃ分かりやすかったです。
そもそもの原理や原則を論理的に伝えてくれるので
理解しやすかったです。ありがとうございます。
わかりやすすぎて感動しました。
とても分かりやすかったです！これからWebデザイナーになりたいと思っていましたので、本当に助かります🙏
全くのデザイン知識0ですが、一個一個何で？ってならずに聞けるからわかりやすかったです
しかも基礎が全部まとめて観られるのがいい
ありがとうございます😊
初めまして！こういう基本中の基本みたいな内容をずっと探していました！！出会えて感謝です！ありがとうございました！
ありがとうございます！
とてもわかりやすかったです！
ありがとうございます★
スーパー初心者の私がホームページを作りたいと思っていましたが、レイアウトをどうしたら、フォントは何？というレベルをこちらで理解させていただきました。
ハードルが高すぎて、諦めかけていましたが、他の動画も参考にさせていただき、もう一度頑張ってみます。ありがとうございました。
無茶苦茶わかりやすかったです、神
とても分かりやすいです！
動画で使われている説明用の画像？ページ？は何で作られているのでしょうか？？
これは主にPhotoshopで作成してます★
学生時代に見たかった😢
肝心な作り方が載ってない、
この動画は、超基本知識のみなので、作り方やソフトの操作方法の解説ではないですね。