Logo

WEBサイト「CO-WORKING」

クレジット
Avatar
WEBデザイナー
WEBサイト「CO-WORKING」-1
シェア

WEBサイト「CO-WORKING」

【概要】  架空の「CO-WORKING」スペースを提供する企業のWEBページの模写をしました。 【目的】  自宅や会社以外で仕事をする場所を求めている個人やグループに、場所を提供する 【サイトURL】    https://sayamee716.wixsite.com/website 【模写を通して学んだ点】  解説等は見ずにまずは自力で作成し、初めてプロギャラリーや予約機能、アンカーの設置やチャット機能など複数のパーツやアプリを使用しました。どのパーツを使えば見本を再現できるかを手探りで試行錯誤し、様々なパーツやアプリの使い方を実践的に学びました。  背景画像の上に文字を載せると文字が埋もれて見えにくくなるため、背景画像の不透明度を調節して視認性を高めています。  アニメーションの有無で見る側の印象が変わることを学び、サイト全体で同じパターンに統一し、時間調整にも一貫性を持たせて洗練された印象にしています。  画像も自分で選定し、使う画像によって見る側に与える印象が変わるため、画像選びもデザインの重要な要素であることを実感しました。 【制作時間】約16時間 【使用ツール】Wix 【担当箇所】デザイン、サイト構築(模写)
クレジット
Avatar
WEBデザイナー
シェア
鈴木 あやめの他の作品
画像
作品を見る
DMはがき「Summer SALE」
画像
作品を見る
LP「五反田歯科医院」
foriio

あなたのforiioを無料で作成

fori.io/
Logo
WEBサイト「CO-WORKING」-1

WEBサイト「CO-WORKING」

【概要】  架空の「CO-WORKING」スペースを提供する企業のWEBページの模写をしました。 【目的】  自宅や会社以外で仕事をする場所を求めている個人やグループに、場所を提供する 【サイトURL】    https://sayamee716.wixsite.com/website 【模写を通して学んだ点】  解説等は見ずにまずは自力で作成し、初めてプロギャラリーや予約機能、アンカーの設置やチャット機能など複数のパーツやアプリを使用しました。どのパーツを使えば見本を再現できるかを手探りで試行錯誤し、様々なパーツやアプリの使い方を実践的に学びました。  背景画像の上に文字を載せると文字が埋もれて見えにくくなるため、背景画像の不透明度を調節して視認性を高めています。  アニメーションの有無で見る側の印象が変わることを学び、サイト全体で同じパターンに統一し、時間調整にも一貫性を持たせて洗練された印象にしています。  画像も自分で選定し、使う画像によって見る側に与える印象が変わるため、画像選びもデザインの重要な要素であることを実感しました。 【制作時間】約16時間 【使用ツール】Wix 【担当箇所】デザイン、サイト構築(模写)
クレジット
Avatar
WEBデザイナー
シェア
鈴木 あやめの他の作品
画像
作品を見る
DMはがき「Summer SALE」
画像
作品を見る
LP「五反田歯科医院」
foriio

あなたのforiioを無料で作成

fori.io/