他カテゴリ

HTML&CSSとWebデザイン⓪①

クリップ📎UGOK's icon'
  • クリップ📎UGOK
  • 2020/03/25 07:30

やっとスタートラインに立ったWebの勉強、、(笑)

 

この本に沿って勉強をしていきます!✏✏✏✏✏✏✏✏

Content image
個人的に表紙デザインがお気に入り

アマゾンで見てもベストセラーに選ばれていたし、書店に買いに行った時には残り一冊でした!!

 

⓪① CHAPTER⒈

Webサイトの基本について勉強。

デザインはセンスではなくて情報量が多ければ磨かれていく。安心。

 

デザインとは美しくしたり、かわいくしたり、お洒落にすることではなくて、「何を伝えたいか」という伝えるための手段。

 

ユーザービリティを考える

■見やすいデザインにする■

・色使いに注意!

背景色と文字色のコントラスト→グレースケールにすることで一目瞭然

・目立たせたいものを明確に!

・レイアウトを統一する!

■読みやすい文章にする■

・だらだらすると最後まで読んでもらえないから結論を先に書く!

最初の2文が勝負

・あらかじめ知識がいる専門用語は使わない!

・簡潔にまとめる!

キーワード大事

■使いやすくする■

・視覚で予想ができるようにする!

・イライラするから動作の速さは大事!

・ぱってみてリンク張られてるかわかるようにする!

 

制作の流れ→→→

①企画 ②サイトマップ ⓷ワイヤーフレーム ④デザイン ⑤コーディング ⑥公開

 

 ユーザー目線で何を求めているのか、何をしほしいのかを考える。その際に重要なのが、目標や、具体化したターゲットユーザーを決めること。具体的であればあるほどリアリティがあって良い。

 

 サイト作成で必要なページを書き出して、つながりや重要性を図にまとめる。階層が深くなればなるほどユーザーが迷子になるので2階層以内がおすすめ。

 

 全ページのレイアウトを考えていく。色や装飾は何もせずにテキスト・ライン・ボックスのみで作成。必要要素を書き出していきその中で優先順位をつける。ファーストビューで何を伝えたいサイトかがわかるように意識する。人間の視線の動きは、上から下、左から右に移動する。

 

 実際にWebページとして表示されるデザインを作る。コーディングの時に役に立つ。デザインカンプという。Canvaを使おうかなあ、、https://www.canva.com/ ←めっちゃおすすめ。

 

 HTML、CSSを使って頑張る。画像も用意。フォルダーにまとめておくと分かりやすい。JPG・PNG・GIF・SVG。適材適所に使う。

 

 世界中の人に見てもらえるようにするために少しお金を出してサーバーをレンタルする。ドメイン名も世界に1つらしい。

 

The Best Designsというサイトでいろんなサイトを見て刺激を受けました⚡⚡

動画や画像を駆使して文字は読めないけど統一された雰囲気から使えたいことが使わる。データが重いはずなのにすらすら見れた。

始まりのスターがめちゃめちゃ好み。見やすいし、食べたくなった。

商品のフレッシュな感じがサイトからも伝わってきた。サイトが少し重かった。

 

3つ目のやつのようにリンクでページが変わっていくものは動作が遅くストレスになって、2つ目のサイトのように下にスライドされてスクロールだけですべて見れるものはストレスがないなと思った。作成できるようになった頃にまた見ると裏のコードがこうなっているとかわかるようになっているのかな、、インスピレーション。

 

⓪①終了!!

Content image

 

 

 

 

Article tip 0人がサポートしています
獲得ALIS: Article like 13.90 ALIS Article tip 0.00 ALIS
クリップ📎UGOK's icon'
  • クリップ📎UGOK
  • @Clip
わたしの原点 ご飯🍴 映画🎬 美女とかわいい これだけあれば後はなんとでも

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
クリプト

約2年間ブロックチェ-ンゲームをして

Like token Tip token
61.20 ALIS
Eye catch
ゲーム

【初心者向け】Splinterlandsの遊び方【BCG】

Like token Tip token
6.32 ALIS
Eye catch
ビジネス

海外企業と契約するフリーランス広報になった経緯をセルフインタビューで明かす!

Like token Tip token
16.10 ALIS
Eye catch
トラベル

梅雨の京都八瀬・瑠璃光院はしっとり濃い新緑の世界

Like token Tip token
213.49 ALIS
Eye catch
他カテゴリ

テレビ番組で登録商標が「言えない」のか考察してみる

Like token Tip token
26.20 ALIS
Eye catch
他カテゴリ

機械学習を体験してみよう!(難易度低)

Like token Tip token
69.82 ALIS
Eye catch
クリプト

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

Like token Tip token
159.32 ALIS
Eye catch
他カテゴリ

警察官が一人で戦ったらどのくらいの強さなの?『柔道編』 【元警察官が本音で回答】

Like token Tip token
114.82 ALIS
Eye catch
ビジネス

ブックオフで買ってきてアマゾンで売る仕事の1ヶ月の売り上げ公開

Like token Tip token
177.41 ALIS
Eye catch
トラベル

無料案内所という職業

Like token Tip token
84.20 ALIS
Eye catch
クリプト

17万円のPCでTwitterやってるのはもったいないのでETHマイニングを始めた話

Like token Tip token
46.60 ALIS
Eye catch
他カテゴリ

SASUKEオーディションに出た時の話

Like token Tip token
35.87 ALIS