WEBデザインのセンスがなくて困っている at HP
[2ch|▼Menu]
[1からを表示]
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
楽天は止めとけw

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
金は出さないなw
このくらいなら自分で作れるし

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
すげーいいじゃん
写真素材のせいで胡散臭く見えるけどw

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
なんかごちゃごちゃしちゃったねwww
あれだな
全員の意見を取り入れてくとダメだなwww
なんかごめんwww

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

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

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

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)

181:Name_Not_Found
13/01/29 20:58:03.17 .net
面白かったおつ
マージンが大事だな

次のクランケまだかな

182:Name_Not_Found
13/01/29 22:26:58.21 .net
>>180
写真、凄いいな。特に上のはモデルも可愛い

183:Name_Not_Found
13/01/29 22:35:52.26 .net
なんか小さいロゴって左上に置いちゃう癖あったけど、ナビゲーションで挟む様に真ん中に配置するのもいいな
細々スレで好評だった結婚式場のサイトとかもそれだったし

184:Name_Not_Found
13/01/29 22:42:41.25 .net
>>179
配分が難しいのでは?
一番苦労した人と楽した人で同じでは不満が出る
そこんとこどうやってるんだろうね。

185:Name_Not_Found
13/01/29 22:46:06.20 .net
>>180
デザインはスバラシイ。あなたの作品?^^

しっかし、こういうのに通ってる女を嫁にはしたくないなあw

186:Name_Not_Found
13/01/29 22:46:52.23 .net
細々スレがみつからない。(´・ω・`)

187:Name_Not_Found
13/01/29 22:55:55.08 .net
>>186
なんでだよw
ほれ
スレリンク(hp板)

188:Name_Not_Found
13/01/30 08:57:53.73 .net
さあ、今日もひと頑張り、いってみよー!(^0^)

189:Name_Not_Found
13/01/30 11:30:50.56 iGYklYXU.net
おまえらうますぎwww
デザインセンスありすぎwww
もっとレベル低いやつお願いします

190:Name_Not_Found
13/01/30 11:37:42.61 .net
YOUもデザイン出しちゃいなYO

191:87
13/01/30 14:19:33.15 .net
ここで勉強させてもらったおかげで
昨日今日の仕事(ほんとの仕事の方)は細かいところにも注意しながらやってて
我ながら精度が上がったのがわかる。
みなさんありがとう。
自分のデザインを利害関係のない第三者の目に晒してアドバイスもらう細々学習法は
マジでおすすめだぞ!

192:Name_Not_Found
13/01/30 14:38:23.87 .net
おいおい、第三者がアドバイスする労力も考慮しろよ

193:87
13/01/30 14:50:43.52 .net
感謝してます。
赤入れまでしてくれた方もいましたし。
自分だけじゃもったいないから他のデザインで困ってる細々にも勧めたくなった。

194:Name_Not_Found
13/01/30 15:03:13.22 .net
そう思うならお前が他人をアドバイスしろよ。
そもそもアドバイス=タダだと思いすぎ。
今回はたまたまアドバイスしてくれただけで、
それがずっと続くと思うなよ。人を頼りすぎると罰が当たるぞ

195:Name_Not_Found
13/01/30 15:34:19.97 .net
んー
利害関係も無いしアドバイスなんて楽なもんだよ
むしろ楽しいからアドバイスしてたんでしょ
みなさん

自分は少なくともそんな感じだけど

196:87
13/01/30 15:36:34.34 .net
そうしたいのはやまやまなんだが
勉強させてもらってる低レベルデザイナーのアドバイスって
あまり参考にならないのではないかと。
もし自分よりも経験値が低そうな人がいれば自分の持ってる物を還元したいと思います。

197:87
13/01/30 15:37:25.54 .net
>>196>>194あてです
アンカー忘れたすんません。

198:Name_Not_Found
13/01/30 19:18:48.62 .net
でも、つられないよ。^^>>191

199:Name_Not_Found
13/01/30 19:46:20.20 .net
細々スレみてもほとんどアドバイスなんて貰えてないしなw
作ったは最後、時間無駄にして終わるだけだろ

200:Name_Not_Found
13/01/30 20:16:23.28 FhJUcNrU.net
87がなんで仕事もらえてるのか、すごく気になる
嫉妬する・・・

201:Name_Not_Found
13/01/30 20:58:47.34 .net
コネだな

202:Name_Not_Found
13/01/30 21:01:05.70 .net
この世界pgが適当にやらされることあるからな

203:Name_Not_Found
13/01/30 21:38:46.39 .net
トップページで音楽を流すバカがいるな
その時点で見る気を無くすわ

204:Name_Not_Found
13/01/30 21:42:33.68 .net
URLリンク(www.rinnel.com)
このサイトのデザイン凄い好きだけどうぜぇ
ポートフォリオサイトだからって遊びすぎ

205:Name_Not_Found
13/01/30 21:51:40.49 .net
うぜえ

206:Name_Not_Found
13/01/30 22:07:01.11 .net
Webの学校に通ってて
ついでにデザインコースにも入ってるが
自分の色彩感覚やレイアウト能力に唖然とするわ。
正直、他の人たちについていけんが
高い金払ってるので逃げ出すわけにはいかん…。
頑張れや、俺!

207:Name_Not_Found
13/01/30 22:14:49.78 .net
ウェブデザイン系の人のブログで良く見かける
2カラム程度、背景白、文字灰色、行間大きめ、コンテンツを派手に区切らない(薄いライン一本だけ引くとか)
って、やっぱり良いデザインなんですか?
視線動かすの面倒だし、どこに何の情報があるか、かえって分かりにくい気がするんだけど
見やすさとデザイン性を両立させようとしたら、ああなるんですか?

208:Name_Not_Found
13/01/30 22:41:34.97 .net
>>207
単行本がそんな感じだからね。
良くも悪くも無難なデザインだということでしょう。

視線動かすのが面倒なのは、
あんたが大きめのディスプレイで見ているからだと思うよ。
タブレット端末ぐらいのウィンドウだと調度良いじゃないかな。

209:Name_Not_Found
13/01/30 22:47:51.26 .net
今スマフォフォワードがおおいからな
高解像度ようにつくってない
さらけにレスポンシブルばっかでたいへん

210:Name_Not_Found
13/01/30 22:57:37.16 .net
そんでJavascript使いすぎだからか、ページの表示が遅いのもあるね。
ダブレットのWiFiだと、ページ読み込みに時間がかかる

211:Name_Not_Found
13/01/31 11:11:52.97 .net
>>200
自分でもよくわからない。二流には二流の需要が意外とあるってことかな?
独立した最初は取引先が知り合いに紹介してもらった一社だけで
そこから口コミというか紹介紹介で広がってる。
だから営業したことがない。
コネってこういうこと?

細々スレだと仕事がないって人が多いけど
俺の周りはデザイナーを探してる人ばっかりだ。

212:Name_Not_Found
13/01/31 11:23:00.66 .net
87さんのデザインって確かに微妙にださかったけど
見やすい、分かりやすい、親しみやすいだささだったと思う

213:Name_Not_Found
13/01/31 15:54:26.35 .net
>>紹介紹介
同一業種で紹介紹介なの?

214:Name_Not_Found
13/01/31 16:04:35.37 .net
>>212
そうだね
変にかっこつけてないから
アーティストのサイトとか
一流美容室のサイト以外なら全然OKな感じ

今回はたまたな青山の美容室という設定だったから
ダサさが目立ったけど
それ以外の業種なら全然良さげにみえる予感がする

215:Name_Not_Found
13/01/31 16:19:42.80 .net
マジかよ。デザインってそんなに頑張って作れなくてもいいんだな。

216:Name_Not_Found
13/01/31 16:43:34.94 .net
カッコ良いセンスよりも構成が大事だと思う
構成が良ければ多少ダサくても良い

217:Name_Not_Found
13/01/31 16:45:36.74 .net
良い構成とは?

218:Name_Not_Found
13/01/31 16:47:49.23 .net
それは各々が考えろ

219:Name_Not_Found
13/01/31 16:50:26.59 .net
使えねー奴だな
わざわざんなこと書き込むな

220:Name_Not_Found
13/01/31 16:51:19.01 .net
こんなとこで教えねーよ

221:Name_Not_Found
13/01/31 18:41:58.89 .net
良い構成は、簡単に言えばユーザービリティが高い構成ってことになるわけだけど
レイアウトとページ構成(サイト構成)に分けて考える必要がある。
レイアウトでユーザーの導線をしっかり設計する。
色や強調や装飾で目線を捉える必要のある箇所とそうじゃない箇所のメリハリをつける。
ナビゲーションは直感的にわかるような配置、デザインにする。
ページ構成については何をおいても迷子にならないように設計するのが大事。
自分が今、全体の中のどこに位置するページを見ているのかがわかる構成だと
見たいページへ自然に遷移できるため滞在時間が長くなりCVも上がる。

222:Name_Not_Found
13/01/31 18:43:14.44 .net
てこと考えると、ありきたりで面白みのない・よくあるレイアウトになるんだよな

223:Name_Not_Found
13/01/31 18:45:39.20 .net
そういうポイントを抑えつつありきたりじゃなくて面白いデザインや設計ができる人が一流なのでは。

224:Name_Not_Found
13/01/31 18:50:34.43 .net
え?一流になる方法を説いてたの?

225:Name_Not_Found
13/01/31 18:57:57.47 .net
良い構成にするためにはありきたりで面白みのないよくあるレイアウトにせざるをえない、
というわけではないと言いたかっただけ。

その当たり前の設計もできない制作業者(フリー含む)が
見て呉れだけ整えたテンプレデザインサイトを量産して低価格で売ってるんだよね。
おかげでそういうところでわけのわからんサイトを作ってしまった会社から
リニューアル案件がくるからいいんだけど、なんかね。
やっぱり業界全体でもっと進化した方がいいんじゃないかとかね、思うよね。

226:Name_Not_Found
13/01/31 19:39:53.12 .net
つまり、俺は偉くてほかは無能って自己満足に浸りたいわけですね

227:Name_Not_Found
13/01/31 20:51:48.69 .net
俺のほかは全部テンプレ屑サイト制作業者なのかよw
屑サイト量産してる業者はそんなに多くないと思うよ。
普通の制作業者は一応サイト設計してるだろ。
業界全体というより底辺の底上げと言った方が適当か。

228:Name_Not_Found
13/01/31 22:36:11.62 .net
ふぅ…

229:Name_Not_Found
13/02/01 12:39:04.26 .net
htmlとCSSしか触れないのにデザイナー名乗る奴は大体デザインも大したことないことが多いよね

230:Name_Not_Found
13/02/01 12:56:33.11 .net
jsとかフラッシュとかでゴテゴテさせなきゃ形にならない奴も大概

231:Name_Not_Found
13/02/01 14:44:30.34 .net
>>299
デザイナーならそれで充分じゃない?

232:Name_Not_Found
13/02/01 15:11:31.84 .net
最近だれもデザインアップしないね。
大口叩いていた87もそれっきりだし。

233:Name_Not_Found
13/02/01 15:22:19.34 .net
>>230
無能の言い訳
ゴテゴテさせるのは大体客の要望でやってることじゃん

234:Name_Not_Found
13/02/01 15:30:24.51 .net
792 名前:('A`)[sage] 投稿日:2009/01/19(月) 10:14:42 0
                  , -‐ァ‐- 、
                    />:<´  ..:ヽ
            , -‐ヤ .:rt:ァ;゙´ ,」:\
            ` ̄`ヾ"`ヾ:::7 シ.: : :ヽ
                  ト-、 ` ツ:.: : : : :\
                 l    _:、 : : : :.:.、\
                ',    .: :ヾ、:.:.、:.:_ミゝ、
                 '、      ` ‐_ミミミミ、
                   ヽ.      _,`''=ミミミミ:、
                      `7>- ニ..ミ三彡ヘヽ\ `
                      /´       /  ヾ:\ヽ
                    、,/       /    ヾ.:ヾ\
                 ̄/         __/      ヾ:.ヽヾ、
                          / ヽ
         ヒョウロンカキドリ  山梨県 富士樹海

   他の鳥が作った巣に難癖をつけ、攻撃する習性を持つ
   しかし自分では巣を作らない


次ページ
最新レス表示
スレッドの検索
類似スレ一覧
話題のニュース
おまかせリスト
▼オプションを表示
暇つぶし2ch

533日前に更新/215 KB
担当:undef