Webサイトを制作する際にそれっぽく見せる方法?
みなさん、おはこんばんにちは。近所のおじさんです!
今日はアドベントカレンダー第二回目という事で※少し)技術的なお話を書いていきたいと思います。あくまで、個人的な方法なのでご了承ください。
そもそも、Webサイト制作とは?
さっぱりと解説していきたいと思います。
Webサイト=Webページ 制作=作る
という完結な説明です。
主に、HTMLやCSSJavaScriptで作っていきます!
※詳しくは検索してみてね☆
それっぽくとは?
- デザインや見た目に関する事
- ある程度の事を覚えていれば、コードじゃない所で攻める
上記の様にコードを書きたくない時に見た目やデザインをおしゃれに仕上げるポイントを詳しく教えていきたいと思います。
今回の方法はWebだけではなく、ポスター等などのグラフィックスな部分になる事を踏まえてごらんください。
前置きが長くなりましたが、お話していきます。
TOPページを作る
TOPページを作る際。見た目と言ったら写真を挿入する方が多いかもしれませんが、そのままの写真を挿入させる訳ありません。
・なぜか
そのままの写真だと絶対に文字が見にくくなる。
・解決策
写真加工ソフト(Photoshopや携帯のPicsart...他)で四角形を挿入して写真のサイズに合わせる。その後色を黒に選択し、透明度を50%~それ以下にしてあげることによって写真全体に落ち着きが出ます。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
加工が終わった写真をWebページTopの背景としてbackground imgにすると雰囲気が変わりおしゃれに見えます♪
フォントは本当に素敵
フォントの大切さはみなさんわかりますでしょうか。
今回はフォントの魅力について教えていきたいと思います。
さて、フォント選びの時に皆さんは何を気にして選んでいるでしょうか
フォントの選び方は個人の自由なので、構いませんがWeb制作や、グラフィック制作の時はなるべく、フォントファミリーというフォント達を選んであげると全体に統一感がでてきれいに仕上がります。
デザインの品質が上がるとも言ってはいいのでしょうか?
~文字家族(フォントファミリー)とは~
最初の名前が同じ名前のフォントを見た事があるでしょうか?
探して見てください。もし、▼←このマークがある場合はクリックして見てください、出てくると思います。それがフォントファミリーです!
最後に、画像・フォントの解説をしていきました。
内容的には全然為にならないのは申し訳ないですが、豆知識として心の隅においてくださると幸いです。
今日も最後まで見て頂きありがとうございました。