サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。 | Maka-veli.com
Webディレクターから見る、デザイナーさんなら当たり前にやってる事で 是非取り入れて欲しいという視点で書いてます。 グリッドレイアウト 目線の誘導にはグリットの設計は重要です。 Webなら特に縦位置を意識する必要があるかなと思います。 奇麗なグリッドが引かれたデザイン（線がある/ない、かかわらず） は、とても視認性が高く、目の誘導を行いやすいです。 シンメトリー 対照性なデザインは人の頭に一定のルールを認知させる事ができます。 それ故に、次のページなども惑わす事なく閲覧ができます。 また、単体的にも目線の誘導がされやすく、 かつ見た目も奇麗ですっと入ってくると思います。 アシンメトリー 逆に、ネガティブスペースを上手くつかい、 目線のジャンプ率を高くしたレイアウトも効果的です。 目的と用途で使い分けが重要かと思います。 タイポグラフィとビジュアルイメージ 和文書体、欧文書体で使い分け、
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
twitterユーザーの思考変化を垣間見たやりとり
横浜市立大学（浜大）の学生さんたちが共同で運営されているアカウント @the_hamadai が、同大学の学生さんの「１年でとれる分はとった方がいいよー。２年なったら少し気を抜いただけでも落としたりするorzできるだけ１人で授業受けないほうがいいかも…ｗ」というつぶやきをRTしたことについて、「相互フォローしていない人のつぶやきをRTすることは失礼」と食って掛かる学生さん。私は、twitterとは開かれたツールであり、このような「勘違い」は非常に愚かだなァと感じましたが、こうした考えのユーザーが出てきたことに興味深くも思いました。私自身が「古いtwitterユーザー」なので、今のユーザーさんたちとは考え方にギャップがあるのかもしれません。くだらないやりとりに見えますが、twitter利用者の変化を見ることのできる興味深いやりとりだと思います。 続きを読む
Geekなぺーじ : IPv4アドレス枯渇。その意味と恐らくこれから起きること
今のインターネットはIPバージョン4で動作していますが、そのIPv4で各機器を識別するためのIPv4アドレスが遂に事実上枯渇しました(参考)。 長年「枯渇する」と言われ続けていましたが、それが遂に現実の物となりました。 ここでは、IPv4アドレス枯渇とは何かと、それによって何が起きるのかを紹介します。 IPv4アドレス枯渇に関して、アナログ放送の停波と地デジへの移行や、原油枯渇と似たようなものであるような認識が多く見られますが、個人的にはIPv4アドレス枯渇後のIPv4アドレスのアナロジー(類比)としては相撲の親方株の方が近い気がしています。 まず、アナログ放送の停波と地デジへの移行ですが、アナログ放送は2011年7月に一斉に停止します。 しかし、IPv4アドレスの場合は、ある日突然IPv4が使えなくなるわけではなく、今まで使っているIPv4アドレスはそのまま使い続けられるという意味でアナ
「クリエイティブな記事」を作るための３つの条件
「クリエイティブな記事」とは一体なんだろうかと言う事について考えてみましょう。 そもそもクリエイターと呼ばれる人たちが、育み生み出す作品と言うものにはどんな共通点があるかを考えた事はありますか？ 私はデザインと同様にテキストも創造されるものだと考えています。 多くのブロガーが多くの記事を作っていると思うのですが、私も毎日大量の記事を見ているなかで、これはクリエイティブだなと感じる記事にたまに出会います。 今回はこうした記事を作るために、何が必要なのかを考えてみたいと思います。 クリエイティブを理解する ブログ記事のクリエイティブ性を問われる場合、真っ先につけられるコメントがあります。 それが 目のつけどころが違う切り口が斬新そこを突っ込むか という言葉です。 特に「切り口が素晴らしい」という言葉は日本のブロガーによく使われる褒め言葉だったりします。 切り口が素晴らしいという記事はそれこそが
直感を殺した効果測定崇拝は止めよう
宗教になった効果測定 昔、Webデザインは直感・経験・感性のみで作られていました。しかし、低価格・無料のデータ解析ツールが登場したことにより、より多くのサイトがデータ解析をサイトの成果測定に利用するようになりました。従来はページビューという大まかな数でしか価値を測定することが出来なかったわけですが、その場にいる利用者の姿も徐々に見えてくるようになりました。現在はページビューだけでなく滞在時間、訪問頻度、コンバージョンなど様々な要素を効果測定要素として取り上げるようになりましたし、それらを基に改善のプロセスが組まれるようになってきました。 ビジネスを考える上において、直感・経験・感性に行き過ぎていた従来の Web デザインは不十分な存在でした。そこで効果測定を積極的に取り入れようという動きが生まれたわけですが、今度は効果測定が『宗教化』してしまい本質を奪ってしまう場合も出て来ています。 効果
Facebookをはじめたばかりのひとがまず戸惑いそうなことをFAQっぽくまとめてみた - in between days
数日前にFacebookについて知ったふうなエントリをあげたところ、予想外にたくさんすぎる方々に読んでいただいてホントにビックリでしたが、とはいえ自分だって半年前は「Facebookのインターフェイスってなんだかよくわかんないなー」とか言ってたわけで、たまたま原稿を書くために使い込んだりしたのでいろいろ納得したところも多いわけです。 それでその後、Facebookにも知り合いが入ってきてフレンドになってウォールの書き込みとか見ていると、だいたい以前の自分と同じようなところで「これなに？」とか「わかんねー」ってなっているようなので、合わせてFAQ風にまとめてみました。 どうぞご利用ください。 アカウント取りました 次になにする？ どこを見ればいいの？ トップページの真ん中が掲示板みたいになってるよね。これが「ニュースフィード」といって、ともだちみんなの近況がTwitterのタイムラインみたい
Webデザイナーが覚えておく、代表的なライセンスまとめ｜Web Design KOJIKA17
非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All
WebデザイナーにおすすめのEvernote活用術
2017年6月30日 便利ツール アイデアのメモも、画像も、音声も、とにかくなんでも保存できちゃうメモツール「Evernote」。有名すぎる便利ツールですね！逆に自由度が高すぎてどうやって使えばいいのかわからない、という方も多いと思います。今回は「Webデザイナー」をキーワードに私のEvernoteの使い方を紹介します。 ↑私が10年以上利用している会計ソフト！ Evernoteってなあに？ Evernoteの機能を簡単に説明します。 画像・音声・PDFファイルなどが保存できる アップロードできる容量は月に無料アカウント：60MB、プレミアムアカウント：1GB プレミアムアカウントは月額5ドルまたは年額45ドル ノートに対して一つだけ設定できるノートブックを大カテゴリとして使用 ノートに対して複数設定できるタグを小カテゴリとして使用 ノートブックもタグも階層化させて整理できる 携帯電話・ス
ついつい没頭してしまう、“時間をつぶせるサイト”を集めてみた - はてなニュース
何も予定がない日や、暇で仕方ない時、あなたは何をしますか？読書、掃除、料理、昼寝――。さまざまな方法がある中、インターネットで“時間をつぶす”方も多いのではないでしょうか。以前はてなブックマークでは、暇つぶしできるサイトを集めた、2ちゃんねるのまとめブログが話題になりました。そこで今日は、時間を忘れて没頭してしまう“暇つぶしサイト”を集めてみました。 ■2ちゃんねるで紹介された“暇つぶしサイト” 話題の元となった、2ちゃんねるのまとめブログはこちらです。 ▽ お前らが暇つぶしで見てるサイト教えろや - まめ速 “暇つぶし”にオススメなサイトについて書かれた内容がまとめられています。この中から、筆者が気になった3つのサイトをピックアップしてみました。 ＜世界飛び地領土研究会＞ ▽ http://www.geocities.co.jp/SilkRoad-Lake/2917/ まずは「世界飛び地
2010年現在の週刊漫画雑誌、全11誌の傾向と対策 - 情報中毒者、あるいは活字中毒者、もしくは物語中毒者の弁明
世界中の雑誌や印刷物を見渡してみるに、漫画雑誌、それも週刊の漫画雑誌がこれほど多く発行されているのは日本のみ。*1 その歴史も約40年しかありません。(ゴラクとかマガジンとか、創刊50年超えてるじゃねーか！と思われるかも知れませんが、1960年代終盤までは「漫画と読み物」の雑誌だったのです) 先日コミックバンチが休刊したことで、現在発行中の週刊漫画雑誌は全部で11誌。これは、1988年以来の低い数字です。 参考記事→1970年代からの漫画雑誌・コミックスの数の変化と、販売額の変化から見えてくるもの で、どんな雑誌があるかなんとなく知ってても、全部ちゃんとは知らないって方も結構多いかもしれません。 ということで、現在発行中の週刊漫画雑誌に関してまとめてみました。 上段：少年誌、中段：ヤング誌、下段：オヤジ雑誌です。 現在発行中の週刊漫画雑誌 出版社別に以下の11誌。 出版社で見ると、講談社が
Twitterの@付き投稿が仕様変更 - Web > SEO
大変多くの方にTwitterやはてブでご紹介頂きました。ありがとうございます！ 分りづらいなどの声がありましたので、「返信」扱いのタイムラインに現れるツイートの条件など、TwitterのRT・返信についての詳細情報を書きましたので、よろしければご覧下さい。 Twitterの仕様変更が10月頭に行われた模様です。 この仕様変更は、Reply、@付き投稿についてのもの。微妙な変化がありますが、非公式RTを使っている人には大きな変化ですので、ちょっと調べてまとめてみました。 まずはこの画像を御覧ください。 左が私のアカウントから見た私の4つの連続したツイートです。右は、この４ツイートを他アカウントから見た状態です。 普通のツイート、公式RT、非公式RT、普通のツイートと４つツイートしたはずですが、他アカウントから見ると、非公式RTがTLから抜けて３ツイートになっています。 この例のように、@付き
パワーユーザーがFirefoxよりもChromeを好むワケ | ライフハッカー・ジャパン
オープンで拡張機能が優れているFirefoxは、パワーユーザーが好んで使うウェブブラウザです。一方で、Googleの軽量なChromeも人気です。拡張機能があり、オープンブラウザということで、Firefoxから鞍替えするユーザーもいます。 米lifehackerの読者に、現在使っているブラウザをアンケートしたところ、Chromeが42%で、Firefoxが33%でした。前回（英文記事）は、Firefoxが57%で、Chromeが21%だったので、Chromeはかなり飛躍したことになります。 米lifehackerでは、オフィスを開いた2005年以来Firefoxを使っていて、Internet Explorerに比べ、格段に使いやすいFirefoxに愛着を持っているのですが、読者の投票からすると、どうやらChromeの時代になってきているようです。ここからは、なぜパワーユーザーがChrome
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://oodakedo.com/
SEO検索エンジン最適化チュートリアル
河北鸿源管业集团有限公司