お世話になっております。チコです。 今回は親しみやすい柔らかなデザインでありながらも、 幼稚になり過ぎず、病院としての清潔さ・信頼感のあるデザインを意識しました。 これが貝沼内科小児科様の理想に沿っていれば幸いです。 以下、デザインの個別のポイントとなります。 <レイアウト> ・12カラムのグリッドに沿ってレイアウトしました。 ・院内写真は水平方向にアニメーションすることを想定しています。 <配色> ・ロゴを参考に青と白を基調とした配色にしました。 <フォント> ・本文にはNoto Sans CJK JPを使用しています。 ・ロゴ、見出し、ボタンには筑紫A丸ゴシックを使用しています。 ・欧文にはLatoを使用しています。 ・いずれもWebフォントとして使用可能です。 (重くなるようであれば本文はデバイスフォントでもいいと思っています。) ・医療系サイトにはいろんな方が訪れると思ったので、 本文は見やすいゴシック体を使用し、文字サイズや行間を大きめに指定しています。 <装飾> ・随所に角丸を使用して柔らかな女性的な印象を強めました。 ・図形を不規則に配置して親しみやすい印象を強めました。 ・ボタンには横棒の装飾を付け、リンクであることを明示させています。 ・ボタンの横棒はホバーすると右に動くことを想定しています。 <コーディング> ・他のコーダーさんがどこを手間に感じるかが想像しにくかったので、 自分がコーディングするならどうして欲しいかを意識してデザインしました。 <素材> ・院長写真のみPixtaの有料素材を使用しています。 (この部分は差し替えると思うので素材代は不要だと思います。) ・院長写真 (3,630円 / https://pixta.jp/photo/57932999) なるべく柔軟に対応したいと考えています。 私の提案に捉われず、質問や修正も遠慮なくお知らせください。
メンバーからのコメント
お世話になっております。チコです。
今回は親しみやすい柔らかなデザインでありながらも、
幼稚になり過ぎず、病院としての清潔さ・信頼感のあるデザインを意識しました。
これが貝沼内科小児科様の理想に沿っていれば幸いです。
以下、デザインの個別のポイントとなります。
<レイアウト>
・12カラムのグリッドに沿ってレイアウトしました。
・院内写真は水平方向にアニメーションすることを想定しています。
<配色>
・ロゴを参考に青と白を基調とした配色にしました。
<フォント>
・本文にはNoto Sans CJK JPを使用しています。
・ロゴ、見出し、ボタンには筑紫A丸ゴシックを使用しています。
・欧文にはLatoを使用しています。
・いずれもWebフォントとして使用可能です。
(重くなるようであれば本文はデバイスフォントでもいいと思っています。)
・医療系サイトにはいろんな方が訪れると思ったので、
本文は見やすいゴシック体を使用し、文字サイズや行間を大きめに指定しています。
<装飾>
・随所に角丸を使用して柔らかな女性的な印象を強めました。
・図形を不規則に配置して親しみやすい印象を強めました。
・ボタンには横棒の装飾を付け、リンクであることを明示させています。
・ボタンの横棒はホバーすると右に動くことを想定しています。
<コーディング>
・他のコーダーさんがどこを手間に感じるかが想像しにくかったので、
自分がコーディングするならどうして欲しいかを意識してデザインしました。
<素材>
・院長写真のみPixtaの有料素材を使用しています。
(この部分は差し替えると思うので素材代は不要だと思います。)
・院長写真 (3,630円 / https://pixta.jp/photo/57932999)
なるべく柔軟に対応したいと考えています。
私の提案に捉われず、質問や修正も遠慮なくお知らせください。