webデザイン
5-02 www.anthonyboyd.graphics photoshopvip.net note.com www.youtube.com
4-21 テクニカルアカデミーwebサイト制作科の生徒募集用のランディングページの作成 LPのアウトライン(あくまでも一例) Attention部分のコンテンツ タイトル（ロゴ画像orテクニカルアカデミーwebサイト制作科） キャッチーなコピーが入ったリード文（テクニ…
4-21 ランディングページ（Landing Page）とは本来、訪問者が最初に着地する（land）ページという意味合いでサイトのトップページの事をLPと呼んでいましたが、今ではLPというと「訪問者のアクションを誘導することに特化した縦長のレイアウトのページ」のこ…
4-14 Canvasとは Canvasとは、ブラウザ上に図を描くために策定された仕様です。 これまでHTML上で図を表現するためには、GIFやJPEGといったフォーマットの画像を用意する必要がありました。また、条件に応じて表示する図を変化させたり、アニメーションを実…
4-04 トンマナ とは、「トーン＆マナー」の略で、 広告 におけるデザインの一貫性を持たせることを指します。 また、ブランドのイメージカラーとホームページのデザインカラーを合わせる必要があるなど、「 トンマナ 」は企業部 ブランディング においても重…
2-28 headers.netlify.app www.sidethree.co.jp <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>navgationの作成その1</title> </meta></meta></meta></head></html>
2-26 参考資料
2-22 マイクロインタラクション マイクロインタラクションとは、単一のシナリオに基づいてひとつの作業だけをこなす最小単位のインタラクションのことです。 goworkship.com webdesign-trends.net ドローイングアニメーション www.adobe.com Adobe Capture …
2-17 webサイトはおおまかに別けるとテキスト・画像・色の3つの情報から成り立っています。3つの中でも色はユーザーに最初に伝わる情報なので、配色次第でサイトの第一印象が決まってしまいます。初心者にとって配色は難しい部分ですが、まずは既存のサイト…
2-15 画像編 burst.shopify.com girlydrop.com stock.adobe.com o-dan.net イラスト編 illust-navi.com www.linustock.com tyoudoii-illust.com loosedrawing.com isometric.online enpitsu-sozai.com https://www.pexels.com/ja-jp/ soco-st.com www.linust…
2-15ワイヤーフレームとは「サイトの設計図」です。サイトを作成する前に「何を・どこに・どのように」画面に配置するかを明らかにする事で、実際の作成作業をスムーズに進める事が出来ます。また複数人で作業する場合やクライアントとデザインイメージを共…
