新人web制作者の奮闘

始めまして!

今回CUBEのブログ初投稿の桑原です。

まだまだ駆け出しの新人ですが、今回、自分がweb制作に携わる中で、

どういう事を知っておくといいだろうと、悩まれてる方も多いと思うので、

web制作で知っておいて絶対損はないことを調べてみました。

 

その1:HTMLとCSSって何??

HPを作る上で、まず必要になるのがHTMLとCSS。

HTMLとはWEBサイトを構造する言語のことで、見出しや本文、画像などをWEBページに表示することが

できます。

CSSとは、HTMLで記述した見出しや本文、画像などに対して、デザインやレイアウトの指示を細かく出すことができるものです。

画像を中央揃えにしたり、文字の色を変えたりできます。

ということで、web制作に携わる時には必ずHTMLとCSSの知識を付けておかないといけないですね!

 

 

その2:2018最新のHPデザイン

HTMLとCSSでHPを構築していく上で、特にCSSで色を付けたり、ページのどこにどういう配置で

制作していくのかを考える際に、デザインのレパートリーが無いと、どうしても引き出し不足で

案が浮かばなかったり、色の組み合わせがバラバラで見た目が微妙だったりしてしまいます。

ということで、今年最新のオシャレなHPデザインを学ぶには、ここが良いんじゃないかという

サイトをご紹介します。

 

 

①2018 WEB DESIGN TREND

現役でWEBデザイナーをされてる方が、最新のWEBデザインを紹介しているサイト。

とても分かりやすいのはもちろん、実際WEB制作をされている方も参考になるサイト。

2018年突入!流行の兆し!最新Webデザイントレンドご紹介

 

②2018 WEBデザイントレンド予想 10選

こちらのサイトは昨年のトレンドのデザインと比較して、今年はどういうのが流行りなのかを

分かりやすくまとめてあるサイト。

今どきのオシャレなデザイン、シンプルなデザイン、70年代・80年代をイメージしたレトロな

デザインなど、ひと目見ただけで、見ている人を惹きつけるサイトが集まっています。

https://boel.jp/tips/vol87_webtrend2018.html

 

③私、桑原が大好きなミニマルデザイン

ミニマルデザインとはページを構成する要素たちを最小限に絞り、シンプル且つ洗練されたオシャレな

デザインのサイトのこと。

シンプルなのに伝えたいことが、しっかり伝わるサイトを紹介している、私、桑原もよく参考に

させて頂くサイトです。

とにかくおしゃれ!ミニマルデザインの特徴と参考になるサイトまとめ

http://photoshopvip.net/98593

 

 

 

その3:HP配色サイト

HPを作る上で、色のバランスは見た目も大きく左右するくらい、大事です!

そこで新人のWEB制作者でもキレイな色使いをしたHPが作れるように、

とってもタメになる配色サイトをご紹介します!

 

①WEBデザインで押さえるべき配色の基本 3つのカラー

こちらは新人のWEB制作者にとって、配色の基礎中の基礎が学べるサイト。

https://www.m-hand.co.jp/design/4002/

 

②素人でもプロ並みの配色ができるデザインパターン参考サイト21選

こちらのサイトは、シーン別に色が分けられてるサイトやランダムに色を生成して

くれるサイトを片っ端集めてあるサイト。

https://blog.codecamp.jp/color_pattern

 

ということで、今日はこの辺で!

以上、桑原の初投稿記事でした^^