【超初心者向け】Webデザインの基礎知識と作り方・考え方

コーポレートサイトリニューアル・リブランディング、Wordpressサイト構築・カスタマイズのことならお任せください！

★仕事の依頼・ご質問はこちらから [相談無料]
（WEBサイト制作・Wordpress構築・ECサイト構築・小規模システム開発・各種デザイン）
https://skygold.co.jp



今回の動画は、初心者向けに、
Webデザイン制作の際に必要な最低限の基礎知識を
初心者の方にも理解できるように、解説をしていきたいと思います。

今回は、Web制作のプロジェクト全体ではなく、
「デザイン制作」の超基本的な部分に焦点をあてて、解説をしていきたいと思います。

このフローでwebサイトの全体の基本デザインが決まってきますので、
デザイン制作をする際は、雰囲気や感性だけで作るのではなく、
Webデザインの、基礎知識やデザインの理論に基づいて作成することで、
より良いwebデザインを仕上げることができるようになります。


★仕事の依頼・ご質問はこちらから
（WEBサイト制作・Wordpress構築・ECサイト構築・小規模システム開発・各種デザイン）
https://skygold.co.jp

★ShopifyでのECサイト・ネットショップ構築はこちら
https://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



★色の意味を知る参考サイト
https://iro-color.com/

★カラーホイール・カラーチャート参考サイト
https://color.adobe.com/ja/create/col...
https://hue360.herokuapp.com/
https://iro-color.com/colorchart/tone...

★配色パターン検索参考サイト
https://www.schemecolor.com/
https://color.adobe.com/ja/explore

#webデザイン #初心者 #作り方 #基本 #webデザイナー #デザイン





★使用機材
ソニー SONY ミラーレス一眼 α6600 ILCE-6600
https://amzn.to/3m80P8i

audio-technica コンデンサーマイクロホン AT2020
https://amzn.to/2HoSIoK

SIGMA 16mm F1.4 DC DN レンズ
https://amzn.to/2IU1pZj



---------------------------------------------------
★こんな動画も投稿しています
---------------------------------------------------

【初心者向け・実践】Adobe XDのWEB・UIデザインの作り方。すりガラスのようなボケた背景と、CSSの書き方。[Webデザイントレンド2021]
   • 【初心者向け・実践】Adobe XDのWEB・UIデザインの作り方。すりガ...  

webサイト制作の料金が人や会社によって全然違う理由を徹底的にお話しします。
   • webサイト制作料金の相場と、費用が人や会社によって全然違う理由を徹底的に...  

webデザイナーの収入アップのスキルを6つのステップでお話しします。【ロードマップ】
   • webデザイナーの年収アップのスキルを6つのステップでお話しします。  

【フリーランス】稼げる人と稼げない人の違い・特徴7つ。
   • 【フリーランス】稼げる人と稼げない人の違い・特徴7つ。  

Wordpressってそもそも何？わかりやすく簡単に説明します。よくわかってない方は必見。【超初心者向け】
   • Wordpressってそもそも何？わかりやすく簡単に説明します。よくわかっ...  

【Web集客・マーケティング】小さな会社や事業者のための、初心者が覚えるべきwebマーケティング・webサイト設計の基本
   • 【Web集客・マーケティング】小さな会社や事業者のための、初心者が覚えるべ...  


【Webデザイン】WEBサイトリニューアルの際にやっておくべきSEO対策の基本
   • 【2020年】WEB制作・サイトリニューアルの際にやっておくべきSEO対策の基本  


プロの現場のWEBデザイン制作の流れについて説明します。
   • プロの現場のWEBデザイン制作の流れについて説明します。  


プロの現場のWordpressを使用したwebサイト制作の手順・流れを解説します。
   • プロの現場のWordpressを使用したwebサイトの作り方の手順・流れを...  


Wordpressで稼ぐ方法と、稼げる理由、必要なスキルをお話しします。
   • Wordpressで稼ぐ方法と、稼げる理由、必要なスキルをお話しします。  


【持続化補助金】webサイトや広告の発注をしたい小規模事業者は要チェック!25万円の自己負担で、75万円相当のWEBサイトが作れます。
   • Видео  


WEBデザイナーってどんな仕事？年収1000万以上稼げるスキルとは？仕事内容や、人によっての業務範囲の違いを話します。
   • 【2020年】WEBデザイナーってどんな仕事？年収1000万以上稼げるスキ...  


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 Youtube channel
   / keison-creativlog  


★Webデザインと旅とクリエイティブな情報を発信しております。
https://skygold.co.jp


★仕事の依頼はこちらから（WEBサイト制作・Wordpress構築・システム開発・写真撮影・映像制作）
https://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)
https://bit.ly/imaginary-love