デザインについて困っています！！

Question

前提・実現したいこと

デザインについての質問です。
あることがきっかけで友達のホームページを制作することになりまして、
デザインについて提案書をエンジニアの人に向けて書かないと行けなくなったのですが、
初めてのことで困っています。

試したこと。聞きたいこと。

手書きでイメージは描いてみたものの、初めてのデザインなのでセンスもないであろうし、
何を参考にすればいいかにも困っています
railsの開発はよくするのですが、デザインは全くの初心者で初めてです。
デザインに詳しい方、ぜひ
提案書の書き方や進めか、普段提案書を書くときにしている手順
または参考になるサイト等を教えてください。

宜しくお願い致します。

Comments

[sakura_hana]

https://teratail.com/help/question-tips　https://teratail.com/help/avoid-asking　まずはこちらをご覧ください。

[m.ts10806]

たぶん、タグの意味間違えて使ってますね。teratailにおけるデザインは「プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。」だそうです。　https://teratail.com/tags/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3

Answer 1

まずは「コンセプト」と「ターゲット」をはっきりさせる
ターゲットは、「嗜好」とかなんとかより「目的」で考えます

「ユーザーはどんな目的を持ってそのサイトを訪れ
どの様にしてその目的をこのサイトで達成するか？」
このシナリオを軸にサイトを設計するのが重要です

各所でユーザーが「次に何をすればいいのか？」がわかること
導線が途切れない様にすることも重要です

見た目とかの部分では印刷物とかで言われるデザイン４要素
「整列」「対比」「近接」「反復」に加えて、WEBはUIデザイン
「どれがどんな操作ができるか？」がわかりやすいことも大切
アフォーダンスってやつですかね

Comments

[Naotoy]

ご回答ありがとうございます！！参考にします

Answer 2

デザインする際の仕方　※あくまで私個人が普段デザインする場合です

①【コンセプト設定】そのコンテンツやデザインの目的は何か？　
ここが最も重要です。方向性をしっかり決めます。
ここをしっかり決めないとデザインや内容がブレたものになります。

②【ターゲット選定】
できる限り絞り込んだ方がいいです。
好きな人にラブレターを送る感覚で選定すると、思っているターゲットに刺さりやすいです。
参考.「ペルソナ手法について」リンク内容

③イメージする
①や②で決めたものに近いイメージを想像する。
想像するのが難しかったら、ググったり、いろんなデザインを見て
これならターゲットに刺さるかなと思うデザインをピックアップする。
※内容をしっかり決めた方がやりやすいなら④⑤を先にしてもいいです（一般的にはこっちかも）。僕はこんなデザイン作りたいとかこんなのつくったらおしゃれとか、デザインを主体で考える方が作りやすいので③からやっています。

④伝えるべき内容を洗い出す（書き出す）
いる、いらないは別としてまずはターゲットに刺さりそうな情報をできる限り洗い出しをかける

⑤④で洗い出した内容から本当に伝えたい情報だけを絞り込む
目安としては２〜３割くらい（場合による）

⑥③でイメージ（ピックアップ）したデザインに猿真似でいいから
⑤で絞り込んだ情報を流し込みレイアウトしていく
その際、タイトル、見出し、本文、メニューなど、大小をつけてメリハリをつけてバランスを整える。

⑦そもそも見にくくないか、読みにくくないか、はじめに決めたコンセプトとずれてないか、よく見定め、
デザインの微調整をかけていく。

Comments

[Naotoy]

ご回答ありがとうございます！！参考にします