top of page
【架空】歯科医院 HP
.png)
.png)
2026.6
制作内容
Figmaで用意された歯科医院HPのデザインカンプをもとに、ワイヤーフレームの模写からデザイン制作まで行いました。
Figmaの基本操作や、Webサイトの構成・レイアウトを理解することを目的とした制作です。
制作期間
ワイヤーフレーム 10日・デザイン 10日
使用ツール
Figma
制作のポイント
【正確な再現】
見本のデザインを1px単位で確認しながら、各要素の位置・サイズ・余白を調整。
カラーコードや文字サイズなども見本に合わせ、細部まで忠実に再現しました。
【Webサイトの構成理解】
ワイヤーフレームからデザインカンプへと制作を進めることで、Webサイトの基本的な構成や、各要素の配置・情報の見せ方について理解を深めました。
【学んだこと】
・Figmaの基本操作
・ワイヤーフレームの作成方法
・Webサイトの基本的な構成
・余白、文字、画像などのサイズ感
・デザインを細部まで観察し、忠実に再現する力
bottom of page