記事一覧
#Adobeカレッジ
Adobe #2day1 .デジタル画像について ➖ビットマップとベクター➖ （ビットマップ） 写真などはほとんどビットマップ 綺麗な写真やイラストが得意、拡大した時に画像が劣…
＃レビュー＃webデザイン勉強中
MELTY MAGIC https://www.utopiaagriculture.com/products/meltymagic/ TOP ハンバーガーメニュー中身 フッター
#Adobeカレッジ
Adobe #2day1 .デジタル画像について
➖ビットマップとベクター➖
（ビットマップ）
写真などはほとんどビットマップ
綺麗な写真やイラストが得意、拡大した時に画像が劣化しやすい
提出したりSNSに載せる画像の時使用する
（ベクター）
PC上で呼び出してくるので画像が劣化しない
変化する色は表示しにくい
web上では使われない
➖解像度とは➖
１インチの中にピクセルが何個
Adobeカレッジ＃１day
ーデザインの目的と役割についてー
順序に沿ってデザインの目的を考えていこう！
〜デザインの目的
解決したい問題、生み出したい価値は？考える
なぜ売れないか？
↑具体的な解決策を考えて提案する
０1.ターゲットは誰か
①基本情報
②地理的要因
③個人的心理
④個人の行動
02.情報を絞る
情報は多すぎると伝わらない
03.ポジショニングマップで「違い」を考える
ヒント💡
製品の
＃レビュー＃webデザイン勉強中
MELTY MAGIC
https://www.utopiaagriculture.com/products/meltymagic/
TOP
ハンバーガーメニュー中身
フッター
flexを使わない時に使うcss（学んだこと）
Calcを使う
⒈ calc使用方法
❶要素の幅をpx値で指定する代わりに、2つ以上の数値を加算した結果を指定する方法
（例）.about-container {
width: calc(100px + 50px);
}
❷サイドバーのレイアウトによく使う方法
幅いっぱい（100%）から、50pxの固定幅を引いた数値を指定
（例）. about-container{
width: calc(1