chouchou

未経験からWEBデザイナーを目指すfuyu_naのブログ

トレース

Webデザインのトレース #6.Lecole Blanc

今回は、フラワーアトリエ「Lecole Blanc」さんのWebデザインをトレースさせて頂きました。 お花を扱うアトリエということで、女性向けの落ち着いた上品なデザインでした。 デザインの観察 大きなメインビジュアル まずは2500×1200pxの大きなメインビジュア…

Webデザインのトレース #5.My Home,My Starbucks

今回は、スターバックスさんのWebデザインをトレースさせて頂きました。 My Home, My Starbucks のランディングページです。基本はAdobe XDを使用し、一部のパーツはPhotoshopで編集しました。 選んだ理由 スターバックスが好きだから。 手書き風のデザイン…

Webデザインのトレース #4.島の病院おおたに(2)

今回は、島の病院おおたにさんの「診療科ページ」です。 トップページがシンプルで素敵なデザインだったので続けてトレースしてみました。 デザインの観察 TOPページ以外で共通のデザイン ヘッダー、ナビゲーション、背景、フッターはトップページ以外のペー…

Webデザインのトレース #3.島の病院おおたに

今回は、こちらの「島の病院おおたに」さんのWebサイトをトレースさせて頂きました。 選んだ理由 パノラマ写真と海を連想するBGMに惹かれた シンプルで目的にたどり着きやすいデザイン 医療機関のWebサイトに興味があった デザインの観察 パノラマ写真を使っ…

Webデザインのトレース #2. ハルイロ歯科クリニック

今回は、ハルイロ歯科クリニックさんのWebサイトをトレースさせて頂きました。 左がお手本、右がトレースです。Photoshopを使用してます。 選んだ理由 良い意味で医療系施設のサイトに見えなかった 診療情報や予約の部分がシンプルでわかりやすいデザイン セ…

初めての「Adobe XD」で簡単にWebデザインができた

今までPhotoshopを使ってWebサイトのトレースをしていましたが、1サイトに時間がかかり過ぎて全然数がこなせませんでした。 そこで、効率化のために Adobe XD を使ってみました。 XDを使うきっかけになったのは、以下の記事です。使用方法がわかりやすく書か…

Webデザインのトレース #1. napla

9月に入ってWebデザインのトレースを始めました!いろんな記事を参考にしつつ手探りで勉強中です。時間はかかるけど学べることがたくさんあって楽しいです!アウトプットの練習と記録用にトレース結果を記事にしてみようと思います。 今回は「napla」さんのW…