CSSで見た目が美しく使い易い日本のサイト

**Name_Not_Found** · 2006/01/06(金) 16:29:36

1.見た目が美しければ少々の文法違反は気にしない（指摘は可だが、論争に持ち込まない）。
　
2.海外サイトは紹介しない事。日本のみ。

3.strict房はお断り。

**Name_Not_Found** · 2007/12/14(金) 18:25:07

ざっと見たけどスレタイの使い易いは何を持って使い易いって
してるの？視覚障害者とかも含めて幅広く？このスレでの使い易いの
明確な定義がよく分からない。

**Name_Not_Found** · 2007/12/14(金) 20:58:40

いまいちかな？

http://www.tokaibus.jp/iliner/

**Name_Not_Found** · 2007/12/14(金) 21:29:54

美しくはないかも
http://www.kikuimoekisu.com/

**Name_Not_Found** · 2007/12/14(金) 22:59:05

>>417
コンテンツの内容にふいた
てか感心した！

**Name_Not_Found** · 2007/12/14(金) 23:36:19

キク・・・イモ？

**Name_Not_Found** · 2007/12/15(土) 00:24:42

画像の美しさも重要だけど日本語サイトは豆字が多いから
それは除外したいな。きれいでも豆字で読みにくいと萎える。

**Name_Not_Found** · 2007/12/15(土) 03:21:08

もうちっとお上手なものを貼れ

**Name_Not_Found** · 2007/12/15(土) 11:16:35

ここまでのを誰か解説してほしい。
好みで分かれる部分が多いけどさ。

**Name_Not_Found** · 2007/12/15(土) 13:19:09

津波荘を超えるものはない
以上

**Name_Not_Found** · 2007/12/15(土) 13:19:59

津波荘は綺麗で見やすいね。

**Name_Not_Found** · 2007/12/15(土) 13:55:53

娘娘飯店が好きといいたいが・・・
この流れだとカスイケと変わらない・・・。

**Name_Not_Found** · 2007/12/15(土) 18:27:44

津波荘のブックマークでエラーが出ちょる

**Name_Not_Found** · 2007/12/15(土) 18:38:13

なんだってー！！

**Name_Not_Found** · 2007/12/24(月) 16:47:58

WEBデザインの評価・リンク集 || WEBデザイン・データベース【WEBdeDB】
http://www.webdedb.com/

**Name_Not_Found** · 2007/12/25(火) 00:31:57

>>428
汚い構造ですね
なんか落ち着きのないアンバランスさ
あとフォントが汚く感じるのは配色のせいだろうね

**Name_Not_Found** · 2007/12/25(火) 16:40:17

メインコンテンツの配置がひどい
上のタイトル画像とかぶってるし、下を突き抜けてる
HTMLのソースはましだけど、レイアウトがありえね

ナビゲーションも下がった部分が、その上の見出しに含まれるってことだろうけど
いまいち、メリハリがなくて、構造がつかみにくい

**Name_Not_Found** · 2007/12/26(水) 20:22:09

>>430
後者は同意だが、前者はアリだと思うよ。
突き抜けてないデザインのほうが優れているなんて根拠ないし。
口出すべき箇所ではないわ。

**430** · 2007/12/27(木) 08:32:29

言われてみれば、突き抜けるのもありかもしれんけど、この場合はどうだろってのはあるよ

下になっているボックスの下の背景って、地面なわけでしょ
しかも、右にも連続している
その下「このサイトについて」「お問い合わせ」なんかは茶色っていう土の色
否応なく、地面を規定するんじゃない？

土の下に置くことに意味がある場合もあるけど、今回の突き抜けはそうする意味がわからん
ここら辺の感じかたは、個人差があるかもしれんが…

**Name_Not_Found** · 2007/12/27(木) 09:25:27

mixi的な配色がウザい

**Name_Not_Found** · 2007/12/27(木) 09:43:31

確かに突抜は良くないと思うな。
空と草原と大地が台無し。

**Name_Not_Found** · 2007/12/27(木) 13:52:23

火狐で崩れまくり。
デザイン以前だな。

**Name_Not_Found** · 2007/12/27(木) 18:54:05

IE7と比べて背景の位置しか違いなさそうだけど

**Name_Not_Found** · 2007/12/28(金) 11:57:49

http://www.cybergarden.net/
この人は何百ページにも及ぶ、専門書を出しているProfessionalなかたです。
もちろん、この人のWebサイトは高く評価されているでしょう。

**Name_Not_Found** · 2007/12/28(金) 15:00:28

それにしてもトップページの英文の訳が微妙にてきとーで、何だか間違い探しみたいでおもしろい。

**Name_Not_Found** · 2007/12/28(金) 15:03:05

>>437　なんていうか、口ぶりがねぇ

それは、ともかく
真ん中あたりにある英語と日本語訳のセットの部分
背景の文字もあることだし、左と上の線はありだけど、全体としてのレイアウトを考えるといまいちかも
あと、PRが必要なリンクだとおもうんだけど、目立ってない

**Name_Not_Found** · 2007/12/28(金) 15:06:12

>>437
ないない、本人もしくは儲乙

**Name_Not_Found** · 2007/12/28(金) 15:22:42

http://www.somes.co.jp
レノボのノートパソコンの革を作ってる会社
世界規模の会社に対してこの会社のHPはどう？

**Name_Not_Found** · 2007/12/28(金) 15:26:15

<div id="left">
<div id="right">
全然関係ないがそこのフラッシュ酔うなｗｗｗ

**Name_Not_Found** · 2007/12/28(金) 15:27:35

↑
あ、名前もさることながら、そのIDが幾つも使われてるから論外ってことね。

**Name_Not_Found** · 2007/12/28(金) 15:53:04

フラッシュの幅がナビゲーションとかと合ってないってどうなのさ

**Name_Not_Found** · 2007/12/28(金) 23:00:15

>>441
h4の使い方がおかしいだろ

**Name_Not_Found** · 2007/12/29(土) 09:19:35

常識的には<p>だな

**Name_Not_Found** · 2007/12/29(土) 09:33:25

>>436
文字の大きさを変えてみ。

**Name_Not_Found** · 2007/12/30(日) 06:34:11

このサイトどう？
ttp://www.geocities.jp/room0102_jp/hayate_chara/index.html

**Name_Not_Found** · 2007/12/30(日) 09:11:19

見た目はいいんでね
でも少々の文法違反なんてレベルじゃねーぞですね

**Name_Not_Found** · 2007/12/30(日) 11:17:10

たしかに、デザインもレイアウトもいいかんじだと思う
ただトップ絵が、汚い　もうちょいまともな画像を用意しろと　著作権的にも
あと、リンクのところでマージンが揃わないのも気になる

**Name_Not_Found** · 2007/12/30(日) 13:06:45

ゴシックと明朝が混合してて、見栄えが悪くなってる。
あとこういうシンプルなサイトは、ちょっとバランスが崩れてただけで気になるから、
フォントのウェイトや文字間隔には最大限に配慮したほうがいい。

**Name_Not_Found** · 2007/12/31(月) 12:09:03

http://mousousystem.client.jp/

**Name_Not_Found** · 2007/12/31(月) 13:47:24

斬新なレイアウトだとおもったら
firefoxで崩れてただけだった

**Name_Not_Found** · 2007/12/31(月) 14:05:31

なんかどこにでもあるようなデザインだなぁ
アドビのサイト思い出しちまった。

**Name_Not_Found** · 2007/12/31(月) 17:13:05

なんだ、崩れてただけかorz

**Name_Not_Found** · 2008/01/06(日) 23:58:20

あげ！！！！

**Name_Not_Found** · 2008/01/07(月) 01:14:39

>>441
<div id="gloval-nav">
ﾜﾛﾀｗ

**Name_Not_Found** · 2008/01/07(月) 08:33:56

俺は<div id="navi">を平気で使ってるけど、ﾜﾛﾀか？

**Name_Not_Found** · 2008/01/07(月) 09:21:19

>>458
つ[http://eow.alc.co.jp/global]

**Name_Not_Found** · 2008/01/07(月) 11:13:14

>>457
お前性格悪いってよく言われるだろ。

**Name_Not_Found** · 2008/01/07(月) 13:09:27

箸が転んでもおかしい年頃って言うじゃない？

**Name_Not_Found** · 2008/01/07(月) 15:46:10

え？普通にグローバルナビて呼ぶだろ？
他に名前あんの？

**Name_Not_Found** · 2008/01/07(月) 15:50:37

うっかり誤字はたまにやるな
この前なんか１つのidが繁栄されてなかった
で１つ１つ調べいくと
<div id=**>123</dib>　だったorz

**Name_Not_Found** · 2008/01/07(月) 15:54:02

グローバルはOK
グローヴァルはイクない

**Name_Not_Found** · 2008/01/07(月) 16:11:07

text-decolationとかたまにやっちまう

**Name_Not_Found** · 2008/01/07(月) 17:46:07

fontだったかtextだったか忘れてしまうことがある

**Name_Not_Found** · 2008/01/07(月) 18:39:31

綴りを忘れるというかiの数を間違えるのがvisibility。って合ってるか？

**Name_Not_Found** · 2008/01/07(月) 21:55:21

忘れねーよ・・・
「見える」という」visibleって単語は忘れるわけがなくて、
それを名詞にしたらいやおうにもvisibilityになるわい

>>466はたまにある(･∀･)

**Name_Not_Found** · 2008/01/07(月) 22:22:25

visibleとvisibilityでiの数が違うってのは逆に間違えやすいと思われ

**Name_Not_Found** · 2008/01/07(月) 23:43:14

どんだけ英語できないんだよｗ

**Name_Not_Found** · 2008/01/07(月) 23:45:02

先日とあるブログで
Windous Vistaと書いてる人がいた
どんだけローマ字好きなんだよw

**Name_Not_Found** · 2008/01/07(月) 23:47:25

>>469
大きなお世話かもしれんが、
secure -> security
ってふうに、名詞形になるときは最後の e をのけて -ity ってなるパターンが多い。

**Name_Not_Found** · 2008/01/12(土) 13:52:53

>>470
高尚乙。

**Name_Not_Found** · 2008/01/18(金) 13:55:02

http://www.nicovideo.jp/img/tpl/head/icon/nico/

**Name_Not_Found** · 2008/01/18(金) 14:05:11

へ～。
そうやうと全部見れるんだ

**Name_Not_Found** · 2008/02/03(日) 21:25:47

ttp://www.microad.jp/publisher/

なんかかわいい

**Name_Not_Found** · 2008/02/03(日) 21:42:09

ちょっと、わかりにくい感じになるけど、好感度が持てるな

**Name_Not_Found** · 2008/02/03(日) 22:04:50

デザインだけ見れば、このスレの中で個人的に最も好感度高い。
ただ、この業種でこのルックスはどうなんだろう。OKなんだろうか。

**Name_Not_Found** · 2008/02/03(日) 22:23:28

ちょっと文字が小さすぎない？
自分はこの業界だからこそ、敢えてこのデザインが良いと思ったけど……。
（ラフな感じだけど手が込んでる≒実力　みたいな。）

**Name_Not_Found** · 2008/02/03(日) 23:06:42

安心感があるね。
ただ本文もこの文字サイズだと読む気にならない。
ソースも無駄が多い。

**Name_Not_Found** · 2008/02/05(火) 21:47:10

かわいいからゆるす

**Name_Not_Found** · 2008/02/07(木) 13:16:24

自演乙ってほどの褒めっぷりだな。
そんなよくもないだろ。

**Name_Not_Found** · 2008/02/07(木) 17:55:25

字がマイクロってことか……

**Name_Not_Found** · 2008/02/14(木) 17:16:42

字が小さいから読む気なくすって…
もうちょっとがんばって生きろよ

**Name_Not_Found** · 2008/02/23(土) 16:38:55

>>413の一番下のサイトみたいに画像背景をグレーアウトして出すのって
どうするの？

**Name_Not_Found** · 2008/02/23(土) 18:29:06

>>485
lightboxで検索

**Name_Not_Found** · 2008/02/24(日) 01:05:21

>>486
ありがとう

**Name_Not_Found** · 2008/03/07(金) 12:50:30

美しいサイト待ちあげ

**Name_Not_Found** · 2008/03/12(水) 20:52:27

http://www.netcube.ne.jp/

鯖やとしては珍しい配色かも。

**Name_Not_Found** · 2008/03/12(水) 21:21:47

>>489
h1の中にdivってありえなくね？
テーブルレイアウトだし

**Name_Not_Found** · 2008/03/12(水) 21:31:24

馬鹿丸出しのソースだな

**Name_Not_Found** · 2008/03/12(水) 21:35:59

見た目美しくないし

**Name_Not_Found** · 2008/03/13(木) 09:29:26

スレタイスレタイ

**Name_Not_Found** · 2008/03/14(金) 10:39:02

>>489
神サイトじゃん

**Name_Not_Found** · 2008/03/21(金) 20:02:52

>>494
自演乙

**Name_Not_Found** · 2008/03/23(日) 10:58:35

>>495
それは無い。

**Name_Not_Found** · 2008/03/24(月) 10:18:48

張り付いてる人は、そこそこ居る見たいだが
盛り上がってないスレだなー。

**Name_Not_Found** · 2008/03/30(日) 03:14:50

このスレを見るとウイルスが検知されるんだが

**Name_Not_Found** · 2008/04/02(水) 09:47:16

それはない

**Name_Not_Found** · 2008/04/16(水) 05:39:41

バスター様がうるさくなるのは確かだな。実害はないけど。

**Name_Not_Found** · 2008/05/11(日) 22:57:57

http://www.neighbors-inc.com/

ここはどないでしょう？

**Name_Not_Found** · 2008/05/12(月) 07:03:08

いいんじゃない？
フッターのバナーが気になるけど･･･

**Name_Not_Found** · 2008/05/12(月) 21:24:41

ttp://cocco.boy.jp/
雰囲気がいい

**Name_Not_Found** · 2008/05/12(月) 21:56:57

フォントサイズを無視してる環境だと論外

**Name_Not_Found** · 2008/05/12(月) 23:37:28

DOCTYPE宣言なし問題外

**Name_Not_Found** · 2008/05/12(月) 23:42:19

Firefoxで見てみろよ（笑）

**Name_Not_Found** · 2008/05/13(火) 19:35:08

div厨乙
でも絵うまいな。腐女子っぽいけど。同じような顔ばかりだけど。

**Name_Not_Found** · 2008/05/19(月) 17:13:10

Safariでも悲惨

**Name_Not_Found** · 2008/05/28(水) 14:16:59

絵のサイトとしてはいい雰囲気だな。見やすくていい。
これぐらいのフォントサイズならもんだいないな。
htmlやcssという観点から見たら微妙だけど。

素材サイトなんかだとフォント見えないわ、+などのキラキラが邪魔だわで入り口もよく分からんサイトが多い。

**Name_Not_Found** · 2008/06/17(火) 08:26:43

operaでも駄目だな。
グローバルナビがぐちゃぐちゃになるってのは……

**Name_Not_Found** · 2008/06/17(火) 09:10:14

>>503
自演か？
とりあえず、DOCTYPE宣言はちゃんと書け
ul要素には list-style : none、メニュー部分のa要素には display: block とそれぞれ指定しとけ

**Name_Not_Found** · 2008/06/19(木) 14:57:41

どうでもいいことで偉そうにしてんじゃねえよw

**Name_Not_Found** · 2008/06/23(月) 04:52:28

http://www.dream-baku.com/
ここ好きっやなあ。Flashかとおもた。

**Name_Not_Found** · 2008/06/23(月) 10:11:20

>>513
ちょ

**Name_Not_Found** · 2008/06/23(月) 22:41:02

和風でいいサイト知らない？　