【WEBデザインの真髄はやっぱ「色彩」だよな】

>>625
色遣いもさることながら
字が重なりまくってて読めねええええｗｗｗ

小さなＷＥＢデザイン会社に勤めています。
かえり10時とか(;_;)7時以降は時給制なのに給料でないし
(今までは6時だった)(;_;)タイムカードおしてからまた仕事。
毎日会社と家の往復で・・・いやになる。もうひとりのアル
バイトの人は5時で帰してもらえてるのに、
私、仕事おそいけどさ・・労働基準法違反なんとかならんかな(;_;)
どこもこんなもん？

とりあえず200番代まで読んでギブアップ。
>>1は例に出した　
ttp://www.othello.gr.jp/

を配色や色の効果で良いサイトになった例として出す神経を疑った。
このサイトは基本レイアウトが優秀だろう。寧ろ緑を中心にした配色に不満がある。

配色にこだわる奴はキチガイが多いが、きちんとハマれば良い場合も多い。
しかしながら先ず真に重要なのは、正しく構造化された内容であって、決して色では無い。
色はあくまで付帯的なものに過ぎず、主にはならない。
内容、中身がなくて伝わるだろうか？
内容に対しての配色、レイアウト、バランスを考慮するべきで、こだわるのは否定しないが色から入るのはいただけない。

>>627
マルチ乙

インラインフレームなんかデザイン以前だろ。

つttp://18-x.net/web/
とりあえずこれ見て、色・デザイン・レイアウトを語ってくれ。
君達にダメ出しされたら勉強になる。

夜遊び.COM　という割に白色ベースのデザイン
風俗っぽさを消したいのならOKだけど、インパクトが足りないかなとも思う

好みの女の子をサーチ、の虫眼鏡が大きすぎ。虫眼鏡なしでマウスオーバーで色が変わるだけでも良いんじゃ？
それか、マウスオーバーで虫眼鏡で拡大した絵に切り替わるようにするか（BBSの右側メニューにあるのと同じ感じで）
JSを切っている人を切り捨てるのなら現状でも良いが、怪しいサイトではセキュリティを高める人も多いと思う。

「HIGH　LIGHTS」と「一押し店のPICK　UP　GIRL」の違いが判らない。見出しは判りやすく、
これらの区分に意味があるなら、その意味が読み手に伝わるように

>>633
レスサンクス！
実に実のある意見ありがと。
「HIGH　LIGHTS」と「一押し店のPICK　UP　GIRL」は
単に広告費を取れるスペースなだけで違いはあまりないです。

>>634
もう少し色味のあるグレーのほうがいいのでは？
既出だが、カーソルを虫眼鏡に変えるのはデザイナーのオナニーでしかない。
あの大きな文字を拡大する意味は、読みづらくするためなのか？
カーソルを変えられるのは、生理的な嫌悪を生む。

>>632
地域を分かりやすく明記してくれ。
遠すぎて遊びに行けない。

デザインの件じゃなくてｽﾏｿ。

アニメのさよなら絶望先生みてる人いないかな。
あのアニメキャラの配色が時々ガラっと変わることがあるんだけど
その時の配色が典型的な配色の組み合わせだったり
ちょっと奇妙な配色があったりと、色彩に注目してみると面白いよ。

http://1server.sakura.ne.jp/newcomics/pc/index.php?res=161

色彩の使い方　6割
コンテンツ内容　3割
空白の使い方　1割

空白のないサイトは読みづらい

作りかけのサイトなんですが、いかにも素人臭が漂ってしまっています。
おそらく色の使い方がまずいのが主な原因だとは思うのですが、
和風な感じを出しつつ、落ち着いた雰囲気を出すには
どういった配色がいいでしょうか。知恵を貸してください。

http://f48.aaa.livedoor.jp/~anesan/html/index.htm

エクストラコンテンツの部分が？？？って感じ。
配色ではなく、構成に疑問を感じる。これを消して横に広げた方が個人的には好み。
エスストラコンテンツに意味があって、必要ならば今のままでも。

全体的な配色・色彩は問題ないと思う。
強いてあげればメインメニューの空白部分が白いのが気になる。

上部の白文字のリンクはマウスオーバーした時には下線が出るようにしてほしいかも

×メインメニューの空白
○メインコンテンツの外側の空白

訂正

ご指摘ありがとうございます。

変更前
http://f48.aaa.livedoor.jp/~anesan/html/index.htm

変更後
http://f48.aaa.livedoor.jp/~anesan/html2/index.htm

こんな感じでしょうか。
このページ全体から漂う芋臭さを何とかしたい。

追求するなら、ということで。

・コンテンツ領域の角を丸くする
・TOPの写真と背景のベース色の調和を考える
・コンテンツを真面目に読むと縦スクロールを繰り返す必要があるのは・・・

TOPの写真を明度・彩度を変えて何通りか、写真そのものを変えて何通りか試してみたら？
ここは過疎な色彩スレだからもっと人のいる普通の評価スレにいった方がいいかも？
もし、向こう行っても同じ指摘を受けるようならそこを治すってことにして。

色彩というよりも、全体的なイメージをもとに…

「和風なひとり暮らし」ってコピーのところ
人間の視線から言うと、文字の流れる方向に違和感感がありますね。
「和風」で、斜め右下に行ったと思ったら、今度は左縦に「ひとり」、右縦に「暮らし」
これだと、視線があっちゃこっちゃに行って、一番大事なキャッチの文章が非常に読みずらいです。

画像のうえにNEWSを置いてるけど、これバックの写真によっては文字が読みずらいのでは。
ユーザビリティーからいくと、NEWSの場所はここでないほうがいいですな。

「はじめに」という見出しと、横の文章の配置は変えたほうがいいのでは。
マージンがありすぎるのと、外枠線もいらないかな。
次の「部屋を落ち着く」という部分は、その横に続く「…」の位置がまずここじゃないほうがいいでしょう。

その下、「和の香り」というところも、フォントがいきなり丸ゴシックで、他の見出しとあっていないです。
「部屋を落ち着く」というコンテンツのボックスじたいが、左によっていないのでここはあわせましょう。

こまったら、とにかく、ボックスレイアウト、グリッドレイアウト。
画面全体を何分割かして、合わせられるラインは極力あわせます。
たいていのソフトには、ガイドラインがついてますよね。

全体的なイメージづけとしては、色合い以前に、
やはり、フォントを吟味することと、あとは和の雰囲気を出す素材を背景、あるいは見出し、コンテンツの背景に敷くなどすると雰囲気がでます。

学校では教えない事しか教えない、某デザイナーでした。

おせっかいですまぬ。

・NEWSの右についている矢印が右向きになっていますが、内容は下にあるので、
この場合、NEWSという文字の前に▼的な誘導をしてあげたほうが違和感がありませんよ。

・しかも、これってクリックするとページに飛ぶということは、NEWSというより一つのコンテンツとして扱ったほうがいです。

・中に入ったページで、見出し文字の横にサイドバーを置いているのはいいですが、
これも、配置場所、文字との間隔、太さ、色、文字との色合い、したの内容との間隔が微妙ですね。
しかも縦2段組になっているので、どこからどう読めばいのか分かりません。
WEBは雑誌ではないので、続きを読むのにいきなり上へスクロールしなければいないのはいけないですね。

和
　　風
　な
ひ
　　ぐ
と
　　ら
り
　　し

　↓

和
　　風
　な
ひ
　　と
り
　　ぐ
ら
　　し

まだこっちのほうがいい

>>642
文字のフォントや大きさを変えるとレイアウトが崩れて見出しが本文に重なったりする。

やること多くて大変ですなｗ

いろいろなご指摘ありがとうございます。
自分では思いもしなかったところの代替案があったりして勉強になりました。
まずはトップ写真とサイト全体の色合いを合わせて、背景に和紙模様を透かしたりして調整してみます。
フォントイメージの統一や角の処理等、微細なところも妥協せずに挑戦してみます。
タイトルはＳＥＯを考慮して別タイトル（決まってますがスレに残ってしまうので伏せておきます）
に変更予定です。
文字を読ませる方向がグチャグチャだと思いながらも、文字の色と配置くらいしかデザイン技術がなく
妥協してしまっていました。

あと、ちょっと指摘の意味が汲み取れなかった部分がありましたので教えてください。

＞次の「部屋を落ち着く」という部分は、その横に続く「…」の位置がまずここじゃないほうがいいでしょう。
…の縦位置がズレてるってことでしょうか。左に続く小さめの文字を考えると、
そこまで気にしてなかったのですが、見る人が見たら気になるものでしょうか。

＞しかも、これってクリックするとページに飛ぶということは、
＞NEWSというより一つのコンテンツとして扱ったほうがいです。
ページ上部に更新情報を置いて、どうせならとリンクもしてみたという経緯で、
特に豆知識やお得情報！とかいったようなミニコンテンツではなくて、
更新情報として配置してるだけなのですが、デザインから誤解を生んでしまったのでしょうか。

＞配置場所、文字との間隔、太さ、色、文字との色合い、したの内容との間隔が微妙ですね。
文字との間隔…見出しの文字が詰まりすぎということでしょうか。
太さ…もっと太くしたほうがいいですか。逆にもっと細くということでしょうか。

微細なことばかりで文句を付けてるような感じに見えるかもしれませんが、
自分の感覚との違いを確認しておきたかったので、少し突き詰めてみました。
デザインについてはお世辞で褒められたことはあっても、指摘してもらえることは
なかったのでとても新鮮な気持ちです。

>>…の縦位置がズレてるってことでしょうか。

そうですね。
メインコピー【文字大】…サブコピー【文字小】　　　
「…」は、同じ大きさの文字同士をつなげるにはいいとおもうけど、この場合は、罫線とかそういうのがあってるかな。

メ　イ　ン　コ　ピ　ー【文字大】
__________________________________
サブコピー【文字小】

とかね。


>>太さ…もっと太くしたほうがいいですか。逆にもっと細くということでしょうか。 　

|||||見出し文○○○○○

のような感じで、文字の左にバーを置く人がいるけど、けっこういるけど、

|||
||| 見出し文○○○○○
|||

というような微妙なマージンをとったほうが、映えるはずです。
デザインは、個人の主観にもよるからこれが正解というのは無いけど、セオリーはあります。
なんかウェヴ的なことじゃなくて、DTPデザイン的な指摘ばかりしてしまいましたが、私はウェブ屋です。
ウェヴの専門学校は、デザインとか色彩学の基礎を教えないとこもあるけど、
少なくともデザインという以上、基礎は勉強して損はないでしょう。理論より感覚的に分かってる人ば別として。

フォントの扱いが気になる。
フォントの種類は多くない方が良い。ツメの処理が何もなされていない。
タイトルロゴが、魅力的なロゴに見えない。

フォントは打つだけじゃダメだよ。ある程度手詰めしないと綺麗に見えない。

個人的な好みかもしれんが、ダイナフォントは美しくない。

>>627
抵抗しなきゃ

>>627のその後が気になる…

はてなの色彩センスはポータルサイトの中では最悪に入るような気がする。

はてなは一般のポータルサイトとは違う
落ち着いた雰囲気を出したいからわざとああいう配色にしてるんじゃ。

そのせいか、プログラム系やSE,技術考察なんかのブログはハテナが多い気がする。

ハテナは普通にセンスないだけだと思われ
プログラマが作ったんだろ

>>654
IT産業に従事している人たちには居心地がいいのかな。

あのセンスの無さは理系のイメージを下げかねないと思う。

色彩総研でググってみ

色彩総研というわりにはサイトの色彩はえらく無難だな

>>655

そう。はてなは普通にセンスないだけ。

はてなは青色を使い過ぎ｡

何色が良い？

ポンバドゥール婦人の笑顔

たらこマヨネーズでFA

女の服飾をよーーく観察するんだ
色彩感覚がとても優れている

服、髪、鞄、飾、傘、化粧、DS・・・

茶髪黒ジャージ？

フハハハハ、今日は化粧の乗りがいいぞ
いや、これは素顔だがな…

NOWHERE-D の吉澤敬士社長は、
下記のような素晴らしい生き方をしておられる
たいへん信頼できる人物です。

このような社長と交際すると
その人も同じ生き方をしている仲間とみなされ
評判が良くなります。



【人を貶し自分はたのしく生きる方法】NOWHERE-D
http://hato.2ch.net/test/read.cgi/venture/1288890168/

ＷＥＢの神髄は商材販売サイト

ブログが流行して以来、３列の配置が当たり前となり分かりにくいデザインが跋扈している。
まことに主体性のない国民性だ。
企業のサイトにも多く見られる。海外の場合は少ない。

極端ではあるが、商材販売サイトが単純で分かりやすい。訴求力抜群！

NHK教育を見て37921倍賢い韓国
http://hayabusa2.2ch.net/test/read.cgi/liveetv/1328952802/

>>668
ユーザーにクリックというアクションすら要求しないからな。
理には叶っている。

paranoia_agents

GEEKS株式会社

詐欺ばかりやっているクズ会社
誰も見ないクソ情報サイト（笑）とショッピングサイト（ヤフオク）を制作・運営
個人IDでヤフオクでも会社のゴミを売りつけている（paranoia_agents）
残業、サビ残、パワハラ、セクハラ、恫喝は当たり前
絶対入社しないほうがいいぞ
ヤフオクで取引も絶対するな、マジで不良を隠して売りつけてるから！

http://toro.2ch.net/test/read.cgi/fashion/1347087846/

【ファッション】カラーコーディネート【色彩】

創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね　
創価死ね
創価死ね
創価死ね

phpやらjavaservletやらjavascriptやらコーディングは出来るのですがデザインセンスがないためテキストベースのダサいサイトしかつくれません。画像があまりないサイトになる。
つまりデザインカンプをファイヤーワークスやイラレを使ってデザインしたり、
見栄えのある画像加工ができないのです。
どうしたらよいでしょうか？

1億人の大質問!?笑ってコラえて!ジブリ3時間SP ☆4
http://hayabusa2.2ch.net/test/read.cgi/liventv/1373454884/