HTMLやCSSのリファレンス等ではなく「こうしたら見栄えがよくなるよ」といった抽象的なものをお願いします。
例えばhttp://www.cocolog-nifty.com/toranoana/07/toranoana02.htmにある「具体的な方法で一番簡単なのは、ブログのタイトル部分、つまりヘッダーに画像を入れること。すぐにできて、効果も大きいのでお薦めですね。」というようなものです。
ありがとうございます。
まさに欲しい情報がつまったサイトですね。
http://www.zspc.com/documents/wcag10/
ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0
見栄えの問題ではないですし、やりだすと「ちょっとした」では済まなくなりますが、Web のアクセシビリティ
(Web のバリアフリー化、と言うと分かりやすいかな?)も検討して見てください。
以前、私が聞いた話で「なるほど」と思ったのは、サイトの目次みたいなものを、左側に置くのが多いと
思いますが、読み上げソフトで読ませると、左側に配置された内容が先に読み上げられるので、本来、ユーザが
読みたいと思っている記事が、最後のほうに読み上げられる、というのがあります。
あと、フォントのサイズをピクセル単位で指定すると、ブラウザ側でのフォントサイズ変更が効かなくなるので、
弱視の方が読みづらくなる、とか、文字色と背景色の組み合わせによっては、色覚異常の人が読みづらくなる、
といったことがあります。
目的とは違う話だと思いますが、少しでも気にとめてもらえたら、と思って書きました。
ありがとうございます。
アクセシビリティに関しては常に考慮してます。
私のスキルを提示しておけばよかったかもしれませんね。
参考までに http://www.akiyan.com/ が私個人のサイトです。
CYBER@GARDEN
有名どころですが...。
ご所望に特にマッチするのは、「Webデザイン講座」と「Web作成 実践講座」でしょうか。
参考になります。ありがとうございます。
ありがとうございます。
良質な記事が多く、時間を忘れて読みふけってしまいました。
見栄えに関するちょっとしたテクニックは見つけられていませんが、これはこれで満足しています。
ココはオススメです。
お洒落なWebデザインのノウハウが載っています
2番目の回答のページの親にあたるサイトですね。
申し訳ありませんが、ポイントは無しとさせていただきます。
http://www2.plala.or.jp/Cool/okite/
やってはいけない!! ホームページの掟
ちょっとしたことですが、いろいろ実験もしていて面白いです
2つサイトを挙げておきます
ありがとうございます。
「やってはいけない!! ホームページの掟」は既知でした。
「科学的人気ホームページ製作法」は興味を持つ記事はとくにありませんでした。
VALUE DOMAIN:バリュードメイン
ここには小技がたくさんあります。
もしかしたら、お気に召さないかもしれませんが、参考にしてみては?
ありがとうございます。
見たところ「何々するためには」の技術の説明なのでちょっと望んでいるものとは違います。
見栄えの実現方法はおおよそ検討がつくので大丈夫です。
欲しい情報は「何々するためには」ではなく「何々すると、こうなる」といったものです。
例えば「見出しに画像を入れると、他と違って見える」というようなものです。
みんなのタグ辞書/HTMLタグ辞書
みんなのタグ辞書/HTMLタグ辞書
とか?
ありがとうございます。
見たところリファレンス系ですね...
望んでいる情報は無さそうですので、申し訳ありませんがポイントは無しとさせていただきます。
見栄えという点で、基本的に大事なことの一つとして、色の使い方への配慮があると思います。
サイトで表現したいことや見てくれる人のことを考えた配色は目に優しく、読みやすいですよね。
ありがとうございます。
色についての私のスキルは未熟なので、とても参考になります。
先ほどは失礼致しました。既に出ていたんですね。
この辺はどうでしょうか?
http://www.asahi-net.or.jp/~LE9S-ICKW/how_.html
ズバリ!! 見てもらえるホームページの作り方
WEBアドベンチャー
http://www5b.biglobe.ne.jp/~nitti/hp/
ほーむぺーじ論 "メディアとしてのウェブデザインとユーザビリティ"
ありがとうございます。
ですが、欲しい情報にたどり着けません...
サイトトップではなく、具体的に「このページが良かった」ということで記事へのリンクを頂けたら助かります。
【これ以降の回答者の方々へ】
サイトルートよりも、内容の濃い記事への直接のリンクをお願いします。
http://www4.osk.3web.ne.jp/~kitayan/
タグ素材・HTMLタグであそぼう
http://www4.osk.3web.ne.jp/~kitayan/
タグ素材・HTMLタグであそぼう
は?
ありがとうございます。
ちょっとわがままですが...一見して見栄えが綺麗でないサイトは読む気になれません。
内容的にも期待できるものが無さそうです。
http://css.maxdesign.com.au/listamatic/index.htm
Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
私がデザインするときに気をつけているのは、
整列、コントラスト、繰り返し、です。
整列とは、たとえば、ひとつのページに中央揃え、右揃え、左揃えを混在させないようにすることなどです。
URLは箇条書きのデザイン専門のサイト。
ありがとうございます。
箇条書きのデザイン専門ということで大変参考になりました。
沢山のデザイン例があるのがよいですね。
http://www.1000percent-web.com/howto/
ウェブデザインの基本マナー
スッキリ見やすいページレイアウトのコツや、文章の効果的な見せ方。ユーザーに与えるストレスを最小限にとどめる、デザイン・テクニックの基本についてのホームページです。
ありがとうございます。
基本的なことがとてもわかりやすく論理的にまとまっていて参考になりました。
WebMonkeyから拾ってきました。
基本的で、しかし忘れがちなところを重点に探しました。
URL1:サイトダイエット総論。
URL2:Webでのタイポグラフィー。書体指定からSVGまで。
URL3:印刷用のスタイルシートの書き方。
URL3は、前後の記事もとても興味深いと思います。お時間がある時にでも、画面下部の目次から飛んで見てみて下さい。
ノンデの杜 デザイン初心者・ノンデザイナーのためのホームページです。
step1,step2,step3
二番目のコラムのサイトレイアウトの基礎
三番目の優れたサイトの解説
おまけで、
http://homepage1.nifty.com/pastelblue/cracknell/color/color-m1.h...
Javaアプレット(カラーコード作成支援ツール)
文字色と背景色をアレンジする為のアプレット
http://nebulus.org/index.html?pg=freebies/coders/palette/index.a...
nebulus.org is under construction
learning内チュートリアル色々。
今更、チュートリアルなんてと思われるとは思ったのですが、タイトル文字作成するときに便利かなと思います。色の解説も含めてしています。
果てはPhotoShop>#12: Moons and Planets using Textures and Layer Masks (NEW!)
まで出来たら、素材要らずになるかもしれません。
ありがとうございます。
こちらは書籍紹介がいいですね。
私は「ノンデザイナー」なので、紹介されている書籍がどれも魅力的に見えます。
今にでも買ってしまいそうです。
http://exo.jp/keypersonq/02-03.html
デザインが優れたサイトの解説がとても興味深いです。
http://nebulus.org/index.html?pg=freebies/coders/palette/ind...
英文なのでちょっと辛いですが、PhotoShopはいくらか理解しているので挿絵でなんとかなりそうです。
濃い情報をありがとうございました。
ありがとうございます。
WebMonkeyの中でも、見栄えに関する良い記事がありましたら教えていただけると嬉しいです。