スクロール
Beauty
制作範囲
- コーディング
制作期間
- コーディング：２日
概要
春休みにコーディングスキルを高めるために、架空のブランドサイトの模写コーディングをしました。
Beautyは、敏感肌や乾燥肌の人が毎日使い続けられ無添加にこだわった美容用品を提供するコスメブランドです。
目的
・ このサイト練習では主に画像やテキストを配置するpositionについて学ぶ
デザイン
化粧品、美容品ブランドのサイトになるのでシンプルかつ上品なデザインを意識し、
上品な印象にするためにテキスト背景の不透明度を下げました。その際にopacityやrgbaなどを用いることで実現できました。
また少し複雑なレイアウトにするために、positionを用い、親と子の関係をうまく利用し実現できました。
