WEBデザインのセンスがなくて困っている

WEBデザインのセンス� ..

2:Name_Not_Found
12/12/28 08:06:16.12 .net
要するに絵心センスがないからテンプレに頼った方がいいかな？って話しです。
ネットで無料の素材を一つ一つ見て回るよりもテンプレ集や素材が収録されたCD/DVDを買った方が早いのかな？
オススメもあれば教えてください。

3:Name_Not_Found
12/12/28 12:25:55.36 .net
趣味ならテンプレに頼ればいいんじゃね？
仕事ならデザイナーに外注に出すしか無いと思うけど。

4:Name_Not_Found
12/12/28 22:42:49.65 .net
プロの人って何度も試行錯誤してますか？

5:Name_Not_Found
12/12/28 22:53:15.36 .net
試行錯誤しないでプロになれる職業って逆に限られると思うけど。

6:Name_Not_Found
12/12/29 00:38:15.97 .net
ものづくりではあるけど師匠的な存在も居ないしなぁ

7:Name_Not_Found
12/12/29 01:26:30.33 .net
>>3
趣味でやってはいるんですが、その流れで個人で納品したりしてきたんですよ。たまに。
でもデザインが自分としてはひどくて。客のデザイン要求がないようなレベルの客だったので助かっているけど、サイトデザインがしょぼすぎて。。。

8:Name_Not_Found
12/12/29 14:32:58.24 .net
いろいろサイトを巡回して
よさげなとこをパk...　参考にする

9:Name_Not_Found
12/12/29 15:17:24.53 .net
よさげなサイト教えてくれ

10:Name_Not_Found
12/12/30 04:28:13.71 .net
xhtml+cssのデザインサイトは多々あるあるけど
それに加えて素材作り(デザイン)の練習を一緒にやりなが、サイト制作を解説しているサイトがないね。

11:Name_Not_Found
12/12/30 19:39:21.68 .net
マージン関係で注意されます。
心で素人ふぜいがだまれと思うんですが
勉強できる本やサイトありますか？

12:Name_Not_Found
13/01/02 09:21:15.21 C/nEu1ax.net
デザインはコーディングと違い９割方持って生まれたもんだから勉強してもヘタな奴ヘタ

強いて言うなら自分がいいなと思うサイトをまずはパクることからはじめればいいと思う

ちなみに俺の基本ミニマルプラスアップルのパクリだが蔵には結構誉められるｗ

13:Name_Not_Found
13/01/02 14:10:02.05 .net
>>12
ミニマルプラスアップルってなに？

14:Name_Not_Found
13/01/02 18:27:39.96 .net
とりあえずデザインしたのみせて

15:Name_Not_Found
13/01/02 19:45:04.82 .net
パクルっていうのは、id名とかclass名も同じままでいいでしょうか？

例えば、hpb_とかで始まっているのはそのまま同じような名前使ってていいのかな。
たくさんあるので、cssまで含めて変更するのはつらいから。

16:Name_Not_Found
13/01/02 20:00:07.80 .net
いいですよ

17:Name_Not_Found
13/01/02 20:48:41.53 C/nEu1ax.net
>>13端折りすぎたか

ミニマルはググレ

アップルはアップルのサイトね

あえて空間に余裕を持たせ、モノトーンベースのシンプルなサイトの方が結果としてウケがいいってこと

ま、特にサイト作るのが初めての蔵はあれもこれも詰めたがるからそれをまずはなだめるのが一番厄介だがｗ

18:Name_Not_Found
13/01/03 00:53:09.33 o9rEBnZy.net
日本のサイトは、基本的にデザインセンスのないダサいのばかりだから
海外のサイトを参考にすると良いよ、おかげでセンスが付いたし
周りからはレベル上がった？といわれるようになった
日本なんてWeb制作会社自体がデザインセンスがないのとか
すげーショボいのばかりだからなw 俺なら依頼しないで
自分で作るわ

19:Name_Not_Found
13/01/03 07:32:58.35 1HgVq9N9.net
もうデザイン無料だからテキストベースのコンテンツ重視な画像ほぼ無しサイトでもいいよね？
ウェブサイトに重要なのは中身だよね。
メニューも全部テキストリンクにしよう。

20:Name_Not_Found
13/01/03 07:33:37.67 1HgVq9N9.net
無料×→無理○

21:Name_Not_Found
13/01/03 12:44:05.64 hUyLBfVE.net
>>19逆

一般の会社や店のサイトなら中身スカスカでもデザインが綺麗だと蔵には喜ばれる

学術的なサイトなら中身重視でもいいだろうが

22:Name_Not_Found
13/01/03 14:25:14.45 .net
>>19
画像とか使わない方がセンス良くまとめるのむずかしい

23:Name_Not_Found
13/01/03 16:37:23.46 AFiSqJkU.net
自分の思い通りの画像を作れる能力があれば、センスのあるサイトは後からついてくるということですかね

24:池田大作
13/01/04 04:15:20.08 g5AS+YId.net
創価諸君よ！
田浦本部横須賀桜山支部の偉大なる男子部
高橋裕之氏が1月10日と1月31日に宝くじ1等・前後賞が当たるように
また女子部と結婚成就と障害者年金1級受給と健康とご長寿と貯金残高10億円と刑事権力から護り抜く
祈りを毎日30分しっかりと高橋裕之氏に題目を送って行こうではありませんか！
特に飯田一家・柏崎まさかつ・徳永一家・宗像一家・尾崎一家・土井一家･尾島一家・横須賀総県創価学会員は喜んで祈るに祈っていこうではありませんか！
また女子部は何が起きても疑うことなく高橋裕之氏について行きなさい
いいね！

25:Name_Not_Found
13/01/04 12:12:49.25 2gst/5Kx.net
>>23極論を言えばそう

所詮サイトを見るのはＷＥＢ制作と縁のない一般人ばかり

一般人はパッと見て綺麗で見やすいサイトを好む

俺は使わんがビルダーみたいな簡易サイト作成ソフトで作ったサイトだとしても画像やマージンの使い方などがすぐれていればそれで事足りる

だいたいデザインがヘタな奴ってあれもこれも詰め込むような人が多い

もったいないと思ってもあれもこれも詰め込まず、行間を少し多めに取り（内容にもよるがラインヘイトを1.8ぐらいがいい感じ）、画像もシンプルなものに仕上げるだけでガラリとイメージは変わる

26:Name_Not_Found
13/01/04 12:30:27.42 .net
ラインヘイト（）

27:Name_Not_Found
13/01/04 12:54:29.80 .net
>>25
>マージンの使い方などがすぐれていれば
これはラインヘイトを1.8ぐらいにすれば達成できるのでしょうか？
画像は努力が必要だけど、マージンの使い方はなんとか習得できそうです。

28:Name_Not_Found
13/01/04 13:01:35.94 .net
達成できますよ

29:Name_Not_Found
13/01/04 14:50:20.36 .net
1.8はpxでしょうか

30:Name_Not_Found
13/01/04 15:02:29.22 .net
単位はつけないのが正解です

31:Name_Not_Found
13/01/05 16:28:28.47 Ydki5KCL.net
ラインハイト1.8で作られたサイトをいつもctrl +で拡大して見ています。

32:Name_Not_Found
13/01/09 13:55:03.64 QN1aIQ0I.net
画像加工のセンスがないやつが見栄えのあるWEBサイトつくるにはどうすればいい？
JqueryやらCSSはわかるんだけどな。
とにかく画像処理が苦手

33:Name_Not_Found
13/01/09 15:44:45.71 .net
>>32
ズルいデザインテクニック
URLﾘﾝｸ(speakerdeck.com)

34:Name_Not_Found
13/01/10 12:09:50.57 ATTRshA3.net
>>33
それは、俺には高度すぎるテクニックですね。
俺が良くわからないのは、色の組み合わせです。
前面と背景の色の組み合わせです。
例えば、緑の背景の白の文字とか

35:Name_Not_Found
13/01/10 12:34:16.00 .net
>>34
適当なカラースキーム（配色）を提案してくれるソフトがある。
そういうのを使ってみれば。

こんなのとか。
URLﾘﾝｸ(colorschemedesigner.com)

36:Name_Not_Found
13/01/10 13:46:24.90 SXH1ANFr.net
「くまモン　ネットイジメ」で検索しちゃダメだよ！ゼッタイにダメだからね！

37:Name_Not_Found
13/01/10 15:05:50.05 .net
基本モノクロで作ってそこにさし色を一色だけ使うようにすると
なんとなくいいかんじになるよ。

38:Name_Not_Found
13/01/10 18:42:21.06 .net
URLﾘﾝｸ(www.rupan.net)

39:Name_Not_Found
13/01/11 00:49:31.99 yTnexe84.net
素人の自分が作ったからデザインが終わっちゃってるから
ということでリニューアルしたいと仕事情報に上がっていたサイトが
URLﾘﾝｸ(www.cloudlabo.net)　です。

デザインセンスのない自分からすると、
決定的にダサいと言えるのは、（残りは優れていると言う訳ではなく普通なのではと思う）
・ロゴ
・ヘッダー
・ボーダー
くらいじゃないかなと思うのだけれども、プロの目から見るとどこが駄目？

40:Name_Not_Found
13/01/11 00:55:56.01 .net
レイアウト、マージン、行間、フォントサイズとありとあらゆるところが厳しいかも
下部の緑と青もぶつかり気味だし。
でもちょっとした改善で逆に良いサイトになる可能性が大いにありそう

41:Name_Not_Found
13/01/11 06:20:44.36 .net
行間プロパティなんてないよ

42:Name_Not_Found
13/01/11 09:24:31.58 .net
ラインハイト。

43:Name_Not_Found
13/01/11 09:30:48.80 .net
>レイアウト、マージン、行間、フォントサイズ
こういうのって、個人の好みではないの？
普遍的に皆が美しく感じる物があるのなら、制作ツールに組み込まれているはずだと思うし。

44:Name_Not_Found
13/01/11 09:47:36.11 .net
それが本当に個人の好みに依存するものだとしたら
デザイナー職なんて存在しないはずだよ。
中には感覚が大幅にずれてる人ももちろんいるけど
（#000の小さい文字でビッチリ書いてある方が見やすいと感じる人とか）
多くの人が見やすいと思えるレイアウト、マージン、行間、フォントサイズ
っていうのはある程度決まっています。
とりあえず>>39のサイトはデザイン上あり得ない。

45:Name_Not_Found
13/01/11 09:52:10.17 .net
デザインセンスが無い人の共通点は
悪デザインのものを見てもどこが悪いのかわからない。

あとは「書いてある中身が大事」が「デザインなんて付随的なものだから
重要度は低い」と考えがち。
「書いてある中身が大事」だからその中身をきちんと伝えるには
どういうデザインにしたらいいだろうか？と考えるのがデザイナーの仕事。

46:Name_Not_Found
13/01/11 15:57:01.98 .net
マージン開けて統一
これだけでましになるんじゃね

47:Name_Not_Found
13/01/11 16:00:53.43 .net
ロゴがダサい

48:Name_Not_Found
13/01/11 18:43:13.93 .net
>多くの人が見やすいと思えるレイアウト、マージン、行間、フォントサイズ
>っていうのはある程度決まっています。
これは参考になるというサイトを教えてもらえますか？
審美眼を鍛えなきゃ。

49:Name_Not_Found
13/01/12 03:12:25.92 .net
URLﾘﾝｸ(blog.we-boxes.com)

こういうの意識するだけで素人だろうが何だろうがそこそこのもんは出来る
webデザインなんて企業HP以外は無理に洒落た感じにする必要なんてないし誰でも出来るよ

50:Name_Not_Found
13/01/13 16:02:05.18 ejPe1T6Y.net
>>39
そのサイトはレイアウトよく出来てると思う。CMSで作ったの？
それとも一から全部ソース手書き？

51:Name_Not_Found
13/01/13 17:39:37.13 .net
センスのいいヘッダーとかバナーの作り方で参考にしているサイトとかあります？

52:Name_Not_Found
13/01/15 14:23:26.13 EYj4inPb.net
センスは磨くもの

日常にあるすべてのデザインに対して、ただ良いと思うだけで通りすぎず
なぜ良いと思わされたのかを真剣に考えて生きていかなければ
どんどんナマクラになっていきます

「かわいー！」は卒業してください
あなたは「かわいー！」と言わせる側の人間です

って先生が言ってた

53:Name_Not_Found
13/01/15 14:52:10.91 .net
まずね、ヘッダーとかバナーとか部品一個一個をそれぞれカッコ良く作れたとしても
全体を通してデザインしなかったら
やっぱりダサい素人デザインにしかならんよ。

ヘッダだけデザインしようっていうのがわからん。

54:Name_Not_Found
13/01/16 03:15:42.24 .net
プログラマーの俺にはこのスレ本当に参考になるわ
スクールのWebデザイン講座って
DreamWeaverの使い方とかPhotoshopの使い方とか、
そうじゃねーだろっていつも思ってた

55:Name_Not_Found
13/01/16 23:18:45.85 0V9guShP.net
>>54君のこと馬鹿にするわけじゃないがプログラマ系の人って概してデザインがヘタだよね

56:Name_Not_Found
13/01/17 00:05:41.74 .net
技術寄りだがデザインもよく褒められる俺は恵まれてるんだなー

57:Name_Not_Found
13/01/17 10:12:02.87 .net
技術自慢するPHPerの迷惑度は異常

58:Name_Not_Found
13/01/17 16:51:09.08 ulsdVP8B.net
>>55君のことばかにするわけじゃないがデザイナ系の人って概して寿司握るのがヘタだよね

冗談はさておき、デザインが売れるレベルで出来たら
もっと違う道を歩んでいたかも知れんなー

59:Name_Not_Found
13/01/18 05:58:37.39 FbMMXj7b.net
おれもプログラマーなんだけどWEBデザイン全く駄目だわ。
プログラムのテキスト処理ロジックに色や形状などは関係ないからね。
どんな色がイメージに合うとかマスクかけるとかそういう美的センスがないし思いつかない。
いわゆるクリエーターとかコーディネーターとか呼ばれる職種は一切向いてない。

60:Name_Not_Found
13/01/18 10:20:42.55 .net
>>60
テンプレ使えばいいだけじゃ

61:Name_Not_Found
13/01/18 10:25:02.92 .net
テンプレにあてはまらんようなサイト構造もあるわけで

62:Name_Not_Found
13/01/18 12:33:16.78 .net
まず、デザイン続けるならフォントを買った方がいいね。

ロゴは濃い緑にしてシンプルに。

格安な～は、下の画像に載せた方がいいのでは。

メインの画像は文字のバランス。
「で」や「を」を小さくして調整したり、空きスペースを意識させないように配置。
背景が使いにくそうなので、なにか別の1枚絵に変えてみるとか。

あとはみんな言ってるようにしっかりマージンをとること。

これだけで結構変わるんジャマイカ。

63:Name_Not_Found
13/01/18 19:38:07.06 .net
>>61
テンプレに当てはまるサイトはテンプレ使い、
当てはまらないサイトは別途検討すれば？
って言ってることくらい解釈してよと

64:Name_Not_Found
13/01/18 19:39:24.63 .net
テンプレって何か企業っぽいサイトとか向けのばっかじゃん

65:Name_Not_Found
13/01/18 19:56:05.11 .net
>>64
何が作りたいの？

66:Name_Not_Found
13/01/18 19:56:05.43 .net
海外のサイト見るといいよ

67:Name_Not_Found
13/01/18 20:15:49.93 .net
アップルとか楽天をトレースしたらいいんでしょうか？

68:Name_Not_Found
13/01/18 20:27:44.84 .net
楽天は止めとけｗ

69:Name_Not_Found
13/01/21 10:37:41.86 PzP2abDD.net
webデザインっていうかWebを使って何ができるかが重要じゃないかな？
商品が買いやすい仕組み作りを重視するとか、SNS作ってその先にあるビジネスを考えるとか。
なのでデザインよりも中身

70:Name_Not_Found
13/01/21 14:24:20.55 .net
マージンがわかりません
均等にとるやボトムを多くとるはなんとかなんですが、トップをとる場合意味がわかりまてん

71:Name_Not_Found
13/01/23 00:59:56.24 .net
>>70
あんたが何を知りたいかがわかりまてん
トップは上の余白だけど。
上に他の要素があればそのボトムと相殺されて大きい方が採用されますが。

72:Name_Not_Found
13/01/23 16:04:08.34 .net
ボックスモデルでググって2～3時間勉強すれば理解が出来なくて嵌るってことはほとんど無くなる

73:Name_Not_Found
13/01/23 20:34:21.53 .net
かっこいいと思うサイトを最近見かけましたか？

74:Name_Not_Found
13/01/23 20:36:22.18 .net
見ても参考にはならんようなサイトばっか

75:Name_Not_Found
13/01/23 20:39:14.17 .net
読み物系のサイトってどんなデザインにしたらいいんだろ
小説とかの長文を読ませるサイトなんだけど
よそのサイト見て、いいデザインだなーと思ってもコンテンツ自体は読み辛くて参考にならんことが多い

76:Name_Not_Found
13/01/24 00:04:11.55 .net
ようやくパンくずリストの作り方が理解出来たぞ！

77:Name_Not_Found
13/01/24 03:42:27.94 OGAxmqBL.net
>>39
亀だが、衝撃のダサさ
このクオリティで納品されても金払わない

78:Name_Not_Found
13/01/24 19:35:31.48 .net
>>77
ロゴとか画像って客が準備したものを使うだけなんじゃないの？
きちんとした物をもらえば、それなりのサイトになるのでは？

79:Name_Not_Found
13/01/25 03:23:42.77 .net
>>78
客が支給してくれないからダサい画像にしましたって言ってんの？

80:Name_Not_Found
13/01/25 04:51:35.78 x0LKAqCM.net
なんかもうみんな色々ウンチク言い過ぎw

ようはさ、制作側はプロ意識あるからデザインにこだわりまくるけど、結局は客がそれでいいよありがとうって言えばそれでいいんだよ。
こっちが頭悩ましてこだわりまくって悩んでたが案外客は何も考えてなかったり、
自分では全然デザインセンスのないと思うヘッダー画像作ってやって不満言われるかな？と思いながら見せたら、おお！ありがとう！
って言われるくらいだし。
つまり客次第。案外レベルの低い何も考えていない客が多いという事実がわかった。

81:Name_Not_Found
13/01/25 06:36:09.07 .net
>>80
ウンチまで読んで諦めた

82:Name_Not_Found
13/01/25 10:03:26.13 .net
>>79
そんなことは誰も言ってないが。
常識で考えたらダサい画像をわざわざ選ぶわけないだろ。

83:Name_Not_Found
13/01/25 18:42:43.07 .net
和のデザインを追及しようと思って居ます。
センスのいいHPはありませんか？

84:Name_Not_Found
13/01/25 20:24:26.31 cI/kfczF.net
ウェブサイトで重要なのはコンテンツである。テキストの中身である
デザインではない

85:Name_Not_Found
13/01/26 00:35:21.03 .net
>>82
あーそういう事か。勘違いしてたわ。客が支給した画像が既にダサかったって事ね。

それ抜きにしてもダサいけどなw

86:Name_Not_Found
13/01/26 06:57:58.17 .net
>>84
両立させればいいだろ

87:Name_Not_Found
13/01/26 15:07:06.71 .net
細々スレから来ました。
俺もデザイン力がなくて困っているんで
どうしたら良くなるか誰かアドバイスください。
批評を受けて改善していくので
>>1の学習のたたき台になれればと。
URLﾘﾝｸ(iup.2ch-library.com)

88:87
13/01/26 15:14:43.01 .net
ちなみに、これ↓が↑の修正前。
URLﾘﾝｸ(iup.2ch-library.com)
細々スレで
・黄金比率を意識しろ
・メインのタイトル（店の名前？）をもうちょっとなんとか
・角はRかけるのかかけないのか統一
・ベタだったりドロップシャドウだったりが良くない
といったアドバイスを受けて直してみました。

89:87
13/01/26 15:15:55.03 .net
あ、あとマージンを前ver.より広めにとりました。

90:Name_Not_Found
13/01/26 15:44:40.31 .net
亀レスだが

>>4

一般の人が想像するよりもぜんぜん長い時間かけている。

プログラム作るのがタイヘンなように
デザイン作るのもタイヘンなんだよ。

>>12
勉強すればだれでもある程度はできるようになる
ただ、思っているより勉強に時間と手間がかかるってだけ。

91:Name_Not_Found
13/01/26 17:10:13.29 .net
>>88
素人からの意見です。
・トータル的な色のバランスは修正前の方がいいように感じる。
・フォントがWindows標準フォントって感じでインパクトがない。特に紫バナーのテキスト

デザインの先生方に質問です。
バナーの色、上からエンジ、バイオレット、レッドなんですが、
色の組み合わせの法則的にはどうなんでしょうか？

92:87
13/01/26 18:27:01.23 .net
あちこち調整しました。
URLﾘﾝｸ(iup.2ch-library.com)

フォントはメイリオを初めて使ってみたんだが
こちらでも細々スレでも不評だったんで変えました。
色も若干調整しました。
気になる点があったらアドバイスお願いします。

93:87
13/01/26 18:30:43.11 .net
すみません、こっちです
URLﾘﾝｸ(iup.2ch-library.com)

94:Name_Not_Found
13/01/26 18:31:35.87 .net
削除されています

95:87
13/01/26 18:33:16.29 .net
まちがえた。こっちです
URLﾘﾝｸ(iup.2ch-library.com)

96:Name_Not_Found
13/01/26 18:34:42.04 .net
写真順番に貼ってくれないともう何がなんだが

97:Name_Not_Found
13/01/26 19:45:04.92 .net
>>95
強いていうなら

・ロゴのフォントが安っぽい
・左カラムの素材の存在意義が不明
・クーポンをもっと強調した方がいい

素材で洒落た感じを出したいだけならここまで幅と高さ取る必要は無いと思う
客の要望ならしゃあないが

98:Name_Not_Found
13/01/26 19:47:16.26 .net
あとグローバルヘッダを透過処理した方がいい感じになるかもしれんね

99:Name_Not_Found
13/01/26 20:06:32.82 .net
>>95
グローバルナビのボタンの文字
細いのはいいと思うんですが
細すぎてかすれてるので
もう一段階太いやつを使ったほうが良いかと思います…

あとグローバルナビだけ全く作りこんでないですが
なぜなんでしょう
背景をいろいろいじるよりも
グローバルナビのデザインをもう少し作りこんだほうが良いと思うのですが

質感をあたえるのか、アクセント的な要素を加えるのか
それはお任せしますが…

まあ言うのは簡単です
ここまで色々努力してる方をみると
自分も励みになります
がんばってください

100:Name_Not_Found
13/01/26 20:49:08.08 .net
写真を差し替えたら、デザインが配色面で終わると思うけど、それはスレ違いになるのかな？
ナビ・新着情報・クーポンでテクスチャと作り込み程度がばらばらなのが気になる

101:Name_Not_Found
13/01/26 21:51:46.37 .net
>>97
このアドバイスいいな。成る程なって思う事を簡潔に伝えてる

102:Name_Not_Found
13/01/26 22:32:32.15 .net
写真が美容院というよりエステサロンだと思う
美容院サイトで使う写真なら、髪にピントが合っていて、もう少し顔に寄る
髪の色も明るいブラウンになるかもしれない（髪の流れが黒より分かりやすい）
服は髪型を食わないように白とかベージュとか地味な色になる
服の赤色がなくても成り立つ配色じゃないといけなくなる

103:Name_Not_Found
13/01/26 22:37:37.46 .net
書いてからググったけど、モデルが真っ赤な服来てるエステサロンなんてねーな

104:87
13/01/26 22:37:56.72 .net
みなさん見てくれてアドバイスもくれて
本当にありがたいです。
糞でも仕事としてやってると「OK」か「ダメ」くらいしか言われないので
すげー勉強になってます。

写真はフリー素材が良いのが見つからんのでこれでちょっと勘弁してもらえると助かります。
綺麗な写真はパクるとまずいのばっかなんで。
また時間のある時に直してうpします。

105:Name_Not_Found
13/01/26 23:21:12.36 LyhrP/c7.net
え～～っと煽りとかじゃないんだけど、
>>87さんは自分が作ったそのデザインで納得してるのかな？ってのが聞きたい。
「あれ～色沈んじゃったな」とか「なにかもの足りないな・・・」とか思わないのかな？

106:Name_Not_Found
13/01/26 23:59:13.62 .net
>>87さんの作品って
全然ダメではないけど
「なんかイマイチ…」っていう
二流感が漂ってるんだよな
それをひとつひとつ正していくのは難しいな
自分だって一流じゃないし

107:Name_Not_Found
13/01/27 01:38:31.36 .net
赤の面積と黒の面積に差がないからまとめるの難しそう
どっちか減らしてどっちか増やすほうが楽じゃないかな

108:Name_Not_Found
13/01/27 13:54:31.95 oZH58N1a.net
>>95
見せてもらったけど十分うまいわ。
みんなあれが悪いこれがわるい指摘しているけど、俺だったらそのサイトデザイン凄くいいいと思うぜ。
ほかの人はちょっとへったくれはったくれ言い過ぎ。
要するに客がよければそれでいいって話。
ビジネスとはそんなもん

109:Name_Not_Found
13/01/27 14:33:07.55 .net
>>108はこのサイトにいくら出せますか？
自分はデザイナーなので一般の感覚がわからなくなってるかも
参考のために聞きたいです

110:Name_Not_Found
13/01/27 14:44:31.22 .net
金は出さないなｗ
このくらいなら自分で作れるし

111:Name_Not_Found
13/01/27 14:52:01.60 .net
108じゃない素人だけど、「デザイン料」なら1000円未満かなあ
素人じゃ真似するの難しいレベルだとは思うけど、プロのわりには微妙だと思ってしまう
HTML,CSS組むの,画像加工とか分の料金はまた別だし、よくわからん
美容院サイトにしては男性的だし
イメージ重視なのか、お買い得情報重視なのかどっちか分からん

112:Name_Not_Found
13/01/27 18:23:52.67 .net
リーマンデザイナーとして及第点はぎりぎりあるでしょ
抽象的な理由で叩きすぎや

113:108
13/01/27 23:48:31.50 1pbtDhg9.net
>>109
トップページだけじゃ金額は言えない

114:Name_Not_Found
13/01/28 00:11:09.96 .net
>>113
トップページのみの金額でいいです

115:108
13/01/28 00:53:05.14 9Ek/cTeg.net
>>114
1.5万～2.5万くらい？かな

116:Name_Not_Found
13/01/28 00:57:24.45 .net
デザインとしては綺麗だけど、
単に枠と文字と画像がレイアウトされているだけだよね。
その文字と画像って客が用意するんでしょ？
一般的感覚では、大したお金はもらえないと思うけど・・・

117:Name_Not_Found
13/01/28 03:03:17.82 .net
>>116
デザイナーの仕事ってそういうものですよ
クオリティはピンきりですが

118:87
13/01/28 11:09:19.06 .net
>>105
納得していません。何か物足りないと思ってますし
もっと良くなる余地があるはずだと思っています。
が、色が沈んじゃったな、というところは気づいていませんでした。
なのでここで第三者からご指摘いただいて自分では気づかない事
わからない部分を勉強できたらと思っています。

119:87
13/01/28 11:14:32.14 .net
>>108
良いと言ってもらえて光栄です。やる気が出ます。
実際はこんな感じのデザインで買ってもらえているので需要はあるのだと思います。
でも駄目だししてもらってもっとスキルアップして
自信を持って価値のあるものを提供したいと思いますので批判は大歓迎です。

120:87
13/01/28 11:23:41.21 .net
なんか物足りないのはやっぱり架空の店のサイトっていうのもあるな。
実際の仕事なら顔合わせがてら店に行けば
「こういうところをアピールしてあげたいな」とか
「スタッフの生き生きした雰囲気をどうやって出そうか」とか色々考えるし
打ち合わせで「こうしたいああしたい」というのを聞けば
どうすればWebサイトでその要望に少しでも応えられるのか真剣に考えるから
コンテンツ自体もその見せ方ももっと生きてくると思うんだが。
とは言え、もうちょっとリアルに想像しつつ今日の仕事が終わったらまた調整してうpします。

121:Name_Not_Found
13/01/28 14:02:12.20 .net
>>87さんかっこいい

122:87
13/01/28 18:20:00.52 .net
変遷がわかるようにもう一度最初からあげます。

最初の。ラフはいつもこんな感じの雑なやつ。
URLﾘﾝｸ(iup.2ch-library.com)

これはあまりにど素人ということで、整えたもの
URLﾘﾝｸ(iup.2ch-library.com)

美容院サイトでこんなに重い配色はしないという指摘を受けて
ピンクにしてみたもの（それから髪質がわかるようなモデル写真に変更）
URLﾘﾝｸ(iup.2ch-library.com)

それでも素人乙という評価で、自分でもベースのデザインを考え直さないと
どうにもならないと思って、基本レイアウトはそのままで違うテイストに。
URLﾘﾝｸ(iup.2ch-library.com)

配色は良くなったが、バランスが悪く統一感がないとのことで修正。
URLﾘﾝｸ(iup.2ch-library.com)

元の方が配色が良い、色が沈んだのでは、タイトル（店名）が安っぽい、
ナビゲーションがシンプルすぎてバランス悪い、セールスポイントがわからん、
などの指摘をうけて
さらに実際の客として受けた場合の妄想を膨らませて修正した最新バージョンがこれ。
URLﾘﾝｸ(iup.2ch-library.com)

最新バージョンの説明はつぎへ

123:87
13/01/28 18:26:36.92 .net
最新バージョンについての説明

まず、前提として「髪質改善専門サロン」という設定。
特化した立ち位置をアピールするサイトコンセプト。
なのでその前のバージョンよりももっと身近でリアルに感じられるデザインにした。
場所が青山なので働く25～50歳代＋セレブ主婦層をターゲットに
大人っぽく品よくかつ敷居が高くなく、というところを狙いました。
髪質改善を願う潜在顧客がヘアケアブログ（記事の充実が必須なのでそういう前提）
から来店というのを企んでいます。

引き続き、改善点に気づいた方はアドバイスいただけると有り難いです。

124:Name_Not_Found
13/01/28 19:02:21.43 .net
すげーいいじゃん
写真素材のせいで胡散臭く見えるけどｗ

125:Name_Not_Found
13/01/28 19:07:18.51 .net
>>122
素人とは思えない。
本当はプロなんだろ？正直プロ〇年すまんかったって言っておくれよ。＾＾

126:Name_Not_Found
13/01/28 19:17:22.55 .net
>>125
プロですよ…＾＾；

>>123
自分は20代なのですが
青山の美容室にしては
おばさんくさくてオシャレじゃないなあ…という印象を受けました

でも他の地域の美容室のHPだとしたら
別に良いのではないかと感じました

HPの雰囲気的に安そうな感じがするので
値段はチェックしてみたいと思いました
それでそこそこ安かったら行こうかなと思うかもしれません

127:Name_Not_Found
13/01/28 19:40:17.06 .net
ワイヤーフレーム事態を修正したほうが良さそう。
適当に赤入れてみました。
URLﾘﾝｸ(uploda.cc)

128:Name_Not_Found
13/01/28 20:27:37.06 .net
仮定したお店のコンセプト的には、↓でいうハイエンド系か、そこから左下
URLﾘﾝｸ(taf5686.269g.net)
でも、なんか違う
>>127も全く女の言う「お洒落」ではありません
ウェブデザイン的には良いのかもしれないけど

「女性向きデザイン」を作りたいなら、ファッション誌やらを読むのが一番早い気がするけど
デパートの洋菓子売り場も参考になるんじゃないかなーと思います
売り場デザイン＋パッケージ＋店員の制服とか
色の組み合わせとか、直線曲線の使い方とか

素人に分かる作りが甘い部分は、>>122にも>>127にもありません
これを渡されたら「さすがウェブデザイナー！」と思うと思います
でも、お洒落なヘアサロンのイメージとは少し違います
別業種のサイトだったら、ぜひお願いします！という感じです

129:87
13/01/28 20:34:00.04 .net
みなさん見てくれてありがとうございます。
一応プロです。

>>126
一応、髪質が悪くなる＝気になるのは中年以降ということで
メインターゲットはおばさんにしました。
それにしても土地柄、もうすこし高級感・オシャレ感がほしいですかね。
自分にとっては苦手分野ですが頑張ってもうすこしやってみます。

>>127
おお、マジでありがとうございます！感謝します！
赤どおりに直してみます。

今日はまだ仕事が残ってるんで、続きは明日やります。

130:127
13/01/28 20:34:13.00 .net
自分は>>87向けに細かい修正点を上げたんだよ。

おしゃれなサイト目指すなら、クライアントが
「これがイメージに近い」っていうサイトを
デザイナーに提示するのが一番いいですよ。

131:87
13/01/28 20:38:41.66 .net
>>128
ありがとうございます。すごく参考になります。
自分的にはそこまでのおしゃれ感は求めなかったんですが
やっぱり女性はおしゃれ感重視で見ますよね。
明日時間があったら本屋で女性向けファッション誌を買ってきます。
ちなみに普段はコーポレートサイトがメインで
飲食や物販なんかもやってます。コスメとか女性向けサプリの仕事も多いんで
しっかり勉強したいと思います。

132:Name_Not_Found
13/01/28 20:40:37.46 .net
>>127さんかっこいい

133:Name_Not_Found
13/01/28 20:45:21.58 .net
だんだん良くなっていくなw

134:Name_Not_Found
13/01/28 20:53:08.09 .net
先輩から直接指導してもらえないHOSOBOSOとしては
かなりいいシステムだな
こんど自分もUPしてみようかな

135:Name_Not_Found
13/01/28 21:23:12.63 .net
変移を見てくと面白いね
どんどん良くなってるのがわかる

136:Name_Not_Found
13/01/29 12:28:43.70 .net
勉強になるわー

137:87
13/01/29 12:29:47.55 .net
アドバイスしてもらったことを参考に修正しました。
モデルも前回よりも現代的な、少しクールなタイプのを選び直しました。
いろいろ光とか陰とかデコりました。
URLﾘﾝｸ(iup.2ch-library.com)

引き続きご意見やアドバイスがありましたらお願いします。

138:87
13/01/29 12:33:07.60 .net
尚、>>137に至るまでの経緯は>>122です。

139:Name_Not_Found
13/01/29 12:55:12.57 .net
>>137
うーん…
「髪質が変わると～」のタイトル周り、うるさくないか？
前より読みにくくなった

あと「スタイリストAYAの～」のバナー
前の色のほうがミーハーな感じがしてワクワク感があったし
文章の内容とも合ってて良かったと思う

予約ボタンはボタンっぽくて良いね
でももう少し彩度あげるとかして
このページで一番目立つようにしてもいいかと思う
「オシャレ」からは遠のいて
広告っぽいイメージにはなっていくと思うけど
女が好むようなお洒落なページにしたいなら
もうレイアウトから変えないと無理だと思うし
このサイトはとにかく敷居低くっていうので突っ走ってもいいのではないかと思う

URLﾘﾝｸ(www.minx-net.co.jp)
ここまでするのは大変だと思うけど
オシャレと思われるページにするには
ちょっと変わったレイアウトにしないと無理だと思う

140:Name_Not_Found
13/01/29 13:06:02.11 .net
>>127
おまいもかっこいいなあ。＾＾
ところで女の子？

141:Name_Not_Found
13/01/29 13:31:28.43 .net
いいスレになったな
質問なんだけど業種別にかわってくるんかいな

142:Name_Not_Found
13/01/29 13:37:12.12 .net
つーかこいつのサイトは全体的にうるさくないか？配色とか
今のサイトは大分マシになったけど美容室っぽくない
トリートメントのサイトとかにありそうな配色
高級感は凄い出てるけどおばさん御用達っぽい感じがする
お洒落じゃない

143:Name_Not_Found
13/01/29 13:39:01.97 .net
>>138
ランディングページっぽいな。
宣伝みたいで普通のWebサイトには合わないと思う。

あと、「髪質が変わると～」のテキスト部分tの右の女性を
1つのメインビジュアル（メインとなる画像）にした方がいい思う

144:Name_Not_Found
13/01/29 13:42:29.11 .net
物凄く細かいけど、
「通常価格￥8,400」の部分は取り消し線を入れたほうがいいと思う。

それから、「ハイパートリートメント」の文字色は
赤や黄色系にすると安さを強調できる。寒色系だとそうならない。

145:Name_Not_Found
13/01/29 13:46:21.95 .net
そうだね
LPっぽくなってしまったね…

まあ40~60代女性向けの育毛剤とかヘアカラーとかの
広告用ページっぽい色味とテイストだなって思う

青山の美容室ではない

美容室はもうちょいモードっぽいというか
尖ってる部分がないとね…

146:Name_Not_Found
13/01/29 13:51:18.61 QrfGHS/H.net
実際には無い店だしなあ
これだけ技術持ってれば、客の希望を聞けば上手くまとまりそうな気もする
イメージ写真もらったり、「青山の美容室」の人なら、自分の美的センスを言語化できるだろうし

147:Name_Not_Found
13/01/29 13:52:40.58 .net
すまん上げちゃった

148:87
13/01/29 14:08:12.10 .net
みなさん見てくれて感想やアドバイスありがとうございます。

青山の美容室＝若い女の子向けのおしゃれ感
というぼんやりとした設定だとどうしても詰められなかったので
途中で勝手に具体的な設定をつけました。
ちなみにこれ↓以降
URLﾘﾝｸ(iup.2ch-library.com)

店の設定
・ヘアケア商品開発メーカーが青山に出した髪質改善専門サロン
・ターゲットは金銭的に余裕のある中年女性（25～50代）

セールスポイント
・髪質改善専門サロン
・髪質改善の専門家であるスタッフによるブログからの集客
・自社開発製品

青山の美容院と言えども十把一絡げではなく
個性を生かした美容院サイトにしようという狙いがあったので
LPぽくておばさん向けっぽいというのは、不本意でなくなくないです。
ただ、とは言えおしゃれ感が足りない（女性に訴求できてない）ということで
女性誌を参考にしつつ光や陰でほんのりきらめく質感を出したり
ブログのエリアはちょっとアナログ感な質感を出したりとかしました。

149:87
13/01/29 14:17:00.98 .net
>>139
たしかにちょっとうるさいですかね。ここは調整してみます。
ブログバナーの部分は、ここだけポップで浮いていたので
予約ボタンを目立たせるためにあえて抑えて他のパーツと彩度をそろえてみました。
何か鳥とか蝶とか花とかで色味をちょっと入れてみるとワクワクがよみがえるでしょうか。
予約ボタンはもう少し目立たせた方がいいでしょうかね。
一応、上の店名ロゴ→髪質改善専門→予約ボタン　のところだけ赤にして
ここがメインの一纏まりとして印象づけられるようにしました。
自分もこのサイトはここからモードっぽくっていうのは無理があるしあまり意味がないと思うので
ご意見いただいたところを修正して一旦区切ろうと思います。

大変勉強になりました。ありがとうございました。

150:Name_Not_Found
13/01/29 14:17:39.89 .net
>>148
ちょっと他のデザインしたほうがいいんじゃないか？
イメージが固まりすぎて変化ない気がしてきた。

前に細々スレで出てきた飲食店を作って欲しいが。

151:Name_Not_Found
13/01/29 14:31:26.48 .net
写真に引っ張られてマージン増えすぎじゃね

152:87
13/01/29 14:32:22.95 .net
>>144
取り消し線入れた方がいいですね。そうします。
ハイパートリートメントのクーポンは、安さよりも品質を感じてほしかったので
（良さそうだから、安くなったこの機会にやってみよう！というノリ）
潤い感が出るようにライトブルーを入れました。
赤黄だと乾燥やパサツキのイメージになるかと。

>>142 >>143 >>145
感想ありがとうございます。
今回は設定がそんな感じで（アラサー以降のヘアケア専門）
ここからモード系に舵を切るのはかなり無理があると思うのでまた別の機会にやってみます。
モード系だとどうしても外人モデルでちょい奇抜なスタイルの方がかっこいいし
（あと、高解像度のちゃんとした写真を使わないとイメージがつかない）
健康的な日本人モデルの写真とはマッチしないので
今回はこういう方向性でデザインしてみました。

153:Name_Not_Found
13/01/29 14:38:08.34 .net
あと、写真は足成とかで探せばどうだ？
さすがにサンプル画像そのまま使うのはどうかと思う。
そういう画像収集能力？的なものも、仕事のうちだよ

154:87
13/01/29 14:40:45.95 .net
>>150
はい、このケースはもう一回修正して完成にしたいと思います。
もっと改良の余地はあるかもしれませんが
最初のよりは良くなったかと思うんで一旦終わりにします。
飲食店のケースも空き時間でやってうpしてみます。
ちょうどレストランの案件入りそうなので。

>>151
すみませんが、具体的にどの部分のマージンが開き過ぎなのか教えてもらえると助かります。
自分では気づいていないので。

155:87
13/01/29 14:45:18.34 .net
>>153
足成はもちろん他の無料素材サイトをかなり見ましたが、ろくなのなかったです。
人物は有料素材じゃないとまともなのがないので
いつもカンプまで有料素材のカンプ用jpgでデザインが決まったら買ったやつを使うようにしてます。

156:Name_Not_Found
13/01/29 14:45:54.60 .net
>>152
＞ハイパートリートメントのクーポンは、安さよりも品質を感じてほしかったので
こういういいとこ取りしようとする癖が
あなたの弱点だと思うな
クーポンなら素直に安さを強調しないと
結果的に中途半端なんだよ全部が

青山だけど敷居は高すぎず…とかコンセプト自体も変なことになってるしさ

157:Name_Not_Found
13/01/29 14:48:20.13 .net
>>152
クーポンを安物っぽくしたくない＆でも値引きを強調したいなら、
「20％OFF」じゃなくて、違う文言に変えるんだよ。
「お試し価格でご提供！」とか「スペシャルプライス」とか。

158:87
13/01/29 14:59:22.48 .net
>>156
それでは赤にしてみます。
自分は中途半端というよりも、それは良くないと思ってやらなかったのですが
女性が安さの方に飛びつくならそうした方がいいと思います。

>>157
前に女性の担当者から「女性はただ”セール”だの”値引き”だの言われるよりも
で、いくらになったの？ってところが知りたいんだから数字は出したほうがいい」
って言われたことがあったので数字を入れました。
どうなんでしょうか。
他の女性の意見を聞きたいです。

159:Name_Not_Found
13/01/29 15:02:55.04 .net
ちょっと待て。それランディングページとか広告用のページで
メインとして値引き（セール価格）をアピールする場合だろ？
単なるバナーでそこまで詰め込む必要ないだろ。
アフィバナーの場合は、GIFアニメにしてるけどさ。

160:Name_Not_Found
13/01/29 15:08:32.12 .net
安さが売りの店なら値段を全面に

高級感や非日常を買いに行く店なら値段は出してはいけない
「私は100万円でも1万円でも構わなくってよ？」という態度を客に取らせてあげないといけない
内心は値段を必死に探していたりするので、
探せば見つかる場所に定価と値引き後の値段を入れておけば良い

161:Name_Not_Found
13/01/29 15:09:34.70 .net
>>158
安さを強調するならゴールド系でも良いと思うよ
そんでちょっとキラキラつけたり
キラキラはうるさすぎるかなーどうだろ

数字は出したほうがいいと思うけどねー

162:Name_Not_Found
13/01/29 15:11:36.96 .net
>>160
じゃあこの店が高級店なのかどうかっていうのが
そもそもの問題だね

高級店だとしたら出すべきじゃないね

でもHPのデザインが安っぽすぎて高級店に見えないけど

なんか混乱してきた

163:87
13/01/29 15:11:44.80 .net
今「青山っぽさってどんな感じなんだろうか」と改めて思い
ググって青山の美容室のサイトを見てみたら結構黒基調のところが多いな。
細々スレで「美容院で黒とか重い色は使わない」みたいなことを言われたんだが。
こんなに青山ぽくないと言われる俺だが実は青山で働いてたっていう。

164:Name_Not_Found
13/01/29 15:12:39.38 .net
結論

>>87の好きにしろよ

165:Name_Not_Found
13/01/29 15:13:39.87 .net
美容室の黒基調はたしかに多いよ。
そのほうがスタイリッシュに見えるし、高級感も出やすい。
ただ、相当デザインレベルは必要だと思うけどね。

とりあえず美容室にこだわらずにほか作ったほうがいいよ。
既に頭打ち感がある。

166:Name_Not_Found
13/01/29 15:14:48.39 .net
>>87はあえて苦手分野に挑戦したんだろう？
そうだよな？
苦手分野が再確認できて良かったな

167:Name_Not_Found
13/01/29 15:15:46.60 .net
美容室かと思ったら飲食店だった
URLﾘﾝｸ(www.air-id.com)

168:Name_Not_Found
13/01/29 15:59:26.42 .net
>>164
なるべく皆さんの意見を参考にして反映させるつもりですが
設定から覆すとよけい着地点がみえなくなりそうだし
>>165さんのいうようにこのケースではここからの伸びしろが自分でも見えなくなってるので
とりあえず次を最後にします。

>>166
いやむしろ美容院の案件うけてもなんとかなるかもと思ってる自分がいる。
前向きですまんな。

169:Name_Not_Found
13/01/29 16:05:13.76 .net
>>168
実際に美容室に聞きに行けばどうだ？
お前さんが営業するの苦じゃなかったら。

別に売り込みじゃなくても、
「デザイン作成の参考にさせてください」でいいじゃん。
取材と称して行けば暇なら話を聞いてくれるだろ。

170:Name_Not_Found
13/01/29 16:30:49.91 .net
アドバイスを参考に直しました。
・メインキャッチの文字を見やすく背景を調整
・予約ボタンの彩度をちょっと上げた
・クーポンの文字を金に（黄色の強い文字だと変に浮くのでホワイト寄りにした）して通常価格に取り消し線
・ブログ部分に花を入れてワクワク感をプラス
URLﾘﾝｸ(iup.2ch-library.com)

これで一旦完了にします。
アドバイス、ご意見をくださった皆さん、ありがとうございました。
見てくれただけの方もありがとうございました。
大変勉強になりました。感謝します。
他の人も時間のあるときにうpして見せてもらえるとありがたいです。

171:Name_Not_Found
13/01/29 16:47:38.33 .net
なんかごちゃごちゃしちゃったねｗｗｗ
あれだな
全員の意見を取り入れてくとダメだなｗｗｗ
なんかごめんｗｗｗ

クラの気持ちちょっとわかったかも…

結局はデザイナーの自身の引き出しに無いものを要求すると
まとまらないんだなー

デザイナーとしては
デザインのネタを普段から沢山みつけておくことが大事ですね

172:Name_Not_Found
13/01/29 17:02:35.65 .net
>>170
ごちゃごちゃしたとは思うが、だいぶ良くなったよ。
出来れば女性の画像をフリーの素材に変えて欲しいけど・・・
まぁ、細かい点で気になる部分は多いけど、
ここらでストップという事でいいんじゃないかな。

173:Name_Not_Found
13/01/29 17:41:18.66 .net
美容院　青山でぐぐってみたけど、
時代は個人商店風のホームページから、
デパートのモール風のビューティナビに変わっているっぽいな。

ホームページ制作も、
個人SOHOから大手資本が総取りする時代になってるんだな。

174:Name_Not_Found
13/01/29 18:02:38.96 .net
>>170
ちなみに、こういうのってFWでつくるの？
これができたらスライスしてコーディング？

175:Name_Not_Found
13/01/29 18:12:52.75 H+3YiPaU.net
女性サイト向けの素材集買うといいんじゃないかなあ？
見本で上げてあったヘアサロンなんかは「かわいい紙と布素材集 PAPER＆LINEN」とかを使ってる。
人気の素材集だとあちこちの雑誌やwebサイトで使われているからありきたりになりそうだけど、
ポイントに使うとイマドキ感？が出せるよ。
Amazonで素材集で「かわいい紙と布素材集 PAPER＆LINEN」を検索すると、
同じようなテイストの素材集がたくさん出てきて見本が見られたりする。
とりあえず実店舗の本屋で中身を吟味して何冊か購入してみてはどうでしょうか。

176:170=87
13/01/29 18:34:51.87 .net
>>174
自分はイラで作ってPSDにしてからエディタで手組みしてます。
楽したくて色々試してみたけど結局今のところこの方法が一番やりやすい。
FWはなんか使い辛いしイラの方ができることが多いんで。

>>175
ありがとうございます。
個人的にはこういう森ガール？ナチュラル？みたいな素朴かわいいものが苦手なんですが
やっぱり女子うけはいいですよね。蔵からの要望も結構あるんで買っときます。

なんか最近女性向けサイトが増えて来てプレッシャー感じてたので
皆さんに助けられてありがたかったです。

177:Name_Not_Found
13/01/29 18:40:15.58 .net
超お疲れ様

178:Name_Not_Found
13/01/29 18:52:37.41 .net
こんなふうに制作集団でやってけないかなあ。（´・ω・｀）

179:Name_Not_Found
13/01/29 20:03:32.83 .net
>>178
それが会社だろうね。
客が30万の開発費に3人関わったら、
その案件1人10万になるよ。

180:Name_Not_Found
13/01/29 20:05:26.49 .net
オシャレな美容室なら、写真が命だろうね。
URLﾘﾝｸ(www.rucca.jp)
URLﾘﾝｸ(salon.shiseido.co.jp)

次ページ