100%Easy-2-Read

ほとんどのサイトは、読むのが苦痛な小さなテキストでいっぱいです。 なんで? 1つの画面ですべての情報を絞る理由はありません。これは、モニターが非常に小さかった時代にさかのぼる愚かな集合的な間違いです。



フォントサイズをカスタマイズできると言ってはいけません



サイトにアクセスするたびにブラウザの設定を変更したくありません!

完成したページの見栄えが良いとは言わないでください



過負荷のサイトはひどく見えます。 ページを目玉まで埋めても、使いやすさは向上しません。 あなたは怠yourのためだけにゴミを私たちに積みます。 本当に重要なことだけを考えて選択してもらいたいです。誰もあなたのために仕事をしたくありません。

スクロールが悪いと言わないでください



結局のところ、これはすべてのサイトが悪いことを意味します。 本のページをめくるのに何の問題もないように、スクロールにも何の問題もありません。

テキストは重要ではないことを教えてはいけません



一般にWebデザインと呼ばれるものの95%はタイポグラフィです。

ポイントを取るように言わないでください



画面をなめるのをやめて、後ろに傾き、リラックスした位置で読んでください。

5つの単純な溶けた



1.長いテキストの標準フォントサイズ



増加ボタンまたは減少ボタンをクリックして、ブラウザの設定を変更する必要はありません。 弊社の設定とモニターに適応してほしい。

大きなフォントを使用して良いページを作成するのは本当に難しい作業ですが、すべての困難克服すると、シンプルで便利なサイトになります。 すべての可能な情報をページに絞り込んで、ページをシンプルでわかりやすいものにすることは困難です。 最初は、標準のフォントサイズは衝撃を与える可能性がありますが、1日後には、メインテキストの100%または1emより小さいものを見たくないでしょう。 大きく見えますが、すぐにすべてのブラウザの製造元がこのデフォルトのフォントサイズを選択した理由がわかります。

2.アクティブスペース



テキストが呼吸するはずです。 スペースを使用することは、デザイナーの気まぐれや趣味の問題ではなく、テキストの周りの空気の存在により、読者の負担が軽減され、意味に焦点を当てることができます。 ウィンドウ全体を異なるゴミで埋める必要はありません。 スペースが良く見えるという事実は、副作用ではなく、機能的なデザインの結果です。

ブロックマン:「列の幅はデザインとフォーマットの問題だけでなく、読みやすさの問題でもあります」

列幅が大きすぎないことを確認してください。また、目が行の始まりを見つけやすくするために、左右にスペースを追加してください。 フォントサイズやウィンドウ幅を調整するのではなく、サイトにアクセスしたときに読みたいだけです。

列の幅を変更して、行がウィンドウの外側で終了しないようにすると便利です。



列の幅は、各行に10〜15語が含まれるようにします。 ラバーレイアウトで、フォントサイズが100%の場合、ウィンドウ幅の50%の列はほとんどの解像度で良い結果をもたらします。





グッドニールセン-悪いニールセン。 使いやすさの王様は最近、自分のサイトに少しスペースを追加し、最大の列幅を設定し、行の高さをわずかに増やしました。これは、テキストの読みやすさに非常に良いです。



3.便利な行の高さ



これについて、読書の専門家は次のように述べています。

前の行と次の行が視界に入るため、読者は焦点を合わせることができず、間違った場所にエネルギーを費やし、すぐに疲れるので、行が近すぎると、読書の速度が低下します。

デフォルトでブラウザが使用するデフォルトの行の高さは小さすぎます。これを大きくすると、テキストが読みやすくなり、140%リードすると良い結果が得られます。

4.明確なコントラスト



これについて話す価値はありません。 ただし、まだ次の組み合わせのいずれかを使用している場合:

  1. 明るい灰色の背景に明るい灰色のテキスト
  2. 白地に灰色のテキスト
  3. 黄色の背景に灰色のテキスト
  4. 赤の背景に黄色のテキスト
  5. 赤い背景などに緑色のテキスト...


あなたはただデザイナーになりすまそうとしているだけで、誰もそれを信じないでしょう。誰もあなたが書いたものを読むことができないからです。 この誤解をやめて、あなたが書いたものを見ることができるようにしてください。

注:画面テキストの場合、テキストがちらつき始めるため、コントラスト(黒と白)が多すぎると必ずしも最適なソリューションとは限りません。 #fffで#333を試してください。

5.テキストを画像として作成しないでください



テキストを検索し、テキストをコピーし、テキストを保存し、カーソルを操作して、読むときにテキストを選択できるようにしたいと考えています。 画像形式のテキストは美しく見えますが、Webで必要なのは美しさではありません。 ウェブはコミュニケーションと情報であり、情報は読みやすく、便利で、スケーラブルで、引用され、保存されている必要があります。

画像にテキストがないと美しいウェブサイトを作成できない場合は、最初からやり直して方法を学ぶ必要があると思います。

読みやすさのための戦い



より多くのサイトを便利で読みやすくしたい場合は、ユーザーケアの普及に貢献し、サイトにこのページへのリンクを投稿して、読みやすさが非常に重要であることを人々に知らせてください。 100E2Rプロモーションに参加する場合は、参加者のリストに追加します。

E2Rに参加する方法



100%Easy-2-Read-Design For Mastersページにコメントを残します。リンクと2、3行の説明が含まれます。サイトが100E2Rの原則に準拠している場合、デザインが好きかどうかにかかわらず、このページのリストに追加します。 もちろん、スパム、ポルノ、政治はありません。

アクション100E2Rの参加者



  1. James Starkie :James Starkieはグラフィックアーティスト/デザイナーであり、彼のウェブサイトはまともなシンプルな100er2デザインの素晴らしいショーケースです。

  2. Piqniq :日本の外国人家族のためのソーシャルネットワーク。
  3. Asoboo :外国人になりたい日本人と日本人になりたい外国人のための国際ソーシャルネットワーク。
  4. ダダコ :国際的に高く評価されているピクセルプッシャーホーケンキングは現在、100E2Rに従って彼のウェブサイトを再設計しています。 iAは、私たちが彼を改宗できることを特に誇りに思っています。 これまでのところ、彼はブログを更新しています。 閲覧しやすく読みやすい形式で統合された彼の驚くべきポートフォリオの現在隠されている宝物(彼が任天堂のためにした仕事のような)を見るのが待ちきれません。
  5. Katzenbach :現在のメディアランドスケープの再構成に関するブログと、ブロゴスフィアの構造と談話に関する修士論文のスクラッチブック。
  6. Kilian Muster :日本に住んでいるタイポグラファー、ブロガー、ポッドキャスター。 非常に素晴らしい100E2Rの例。
  7. Glorum :ガンマ段階での非常に興味深いWiki-posting- blackboard - web2.0のこと。 それが何であるかわかりませんでしたが、それは良い道にあります。
  8. Engtech :ブログ、プログラミング、一般的なオタク、インターネットトレンド、マーケティング、ハウツーガイドなどのこっけいなもの...
  9. ブルーファウンテンブログ :彼らは次のように言っています:「あなたがすることは何でもメインサイトを見てはいけない」
  10. Protos:KristianTürningによるクリエイティブなもの:インターネット文化、革新、UI、ブランディング、無限の成功。
  11. Neunzehnhundert :ドイツ語のブログ:私たちは、同じ古い土地を走り回って、毎年2つの失われた魂を魚のボウルで泳いでいます。 何が見つかりましたか?
  12. NVAC :National Visualization and Analytics Centerは、視覚分析テクノロジーとツールの戦略的リーダーシップと調整を提供する国内および国際的なリソースです。 NVACは、国土安全保障省の使命をサポートして、私たちの故国を保護し、アメリカ国民を保護します。
  13. Corum :Corum Web Designsは、単純なWebサイトデザインを専門としています。 Flash、Java、マルチメディア、またはデータベース駆動型のショッピングカートは行っていません。
  14. Praegnanz :ドイツのウェブログ。 実際、100%読みやすい。
  15. TagCrowd :TagCrowd Webアプリのブログで、任意のテキストから独自のタグクラウドを展開できます。
  16. クリントン・フォーブスクリントン・フォーブスの暴言。
  17. Jens:彼は主にweb、xhtml、cssについて書いています。
  18. Adub:使いやすさとシンプルさを重視したWebアプリケーションの設計。
  19. De Amicis :De Amicisは、ソフトウェア開発会社が作業をテストするのを支援することを使命とする小さな会社です。
  20. Connexin Heikoのウェブサイトには、あらゆる種類のテーマに関する(ドイツ語)情報があります。
  21. Gwersi Cymraegウェールズを宣伝するウェールズのブログ。 私が知る限り...
  22. rsart 「ゲーム業界のサイト。私は一般的にゴミを話しますが、現在はゲームを作る仕事をしたい人に役立つアドバイスを提供しようとしています」


まだ誰もロシアのデザインの名誉を支持していません。

自分から


うーん...それは本当ですか?



あなたはどう思いますか、Verdana 16pxが多すぎ、Arialは16pxではあまり読めないことを確信していますので、フォントサイズの100%について異なる意見を聞き、それらが使用されているサイト、リンクを投げる、アクションに参加しているサイトの多くを見てみたい、便利で読みやすいとは言えません。



All Articles