タグ

WebDesignに関するchalcedony_htnのブックマーク (3)

  • Webの文字組版の問題は、かつてDTPが通ってきた道なのかも | Cherry Pie Web

    3/23(日)に、WordBench京都に参加してきました。 WordBenchというのは、WordPressというCMS(というかブログシステム)についての小さな勉強会で、WordPressの特性上、たいていデザイナーは教えてもらう立場です。 しかし今回は、デザイナーからノンデザイナー(プログラマ)向けにデザインについて話そうという趣旨で行なわれました。 事前にFacebookページでデザインに関する疑問を募集し、それについてデザイナーが答えていくという形で進行し、言いだしっぺの高井さんと私がメインで、参加者同士で質疑応答を進めていきました。 詳細は、下記のブログが詳しいです。 デザイン初心者がプロのデザイナーにいろいろ質問して勉強になった話。WordBench京都にて。 “プログラマさんのデザインに関する疑問にお応えする会” @WordBench京都(2014/3/23) 2014年度

    Webの文字組版の問題は、かつてDTPが通ってきた道なのかも | Cherry Pie Web
    chalcedony_htn
    chalcedony_htn 2014/03/31
    「デザイナーはできるだけこだわりを捨てないでほしいし、プログラマはそのこだわりが実現できる可能性を探ってもらいたいと思う」
  • 優れたユーザーインタフェース(UI)を実現するチェックリスト36項目

    【img via tabletop assistant by MattHurst】 優れたユーザーインタフェースとは何か。どのようなデザインを「優れたユーザーインタフェース」と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく! 1.マルチカラムではなく、シングルカラム 複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる 最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する 似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる 実際に使っている「ユーザーの声」を参考に買い物をする人は少なくない

    優れたユーザーインタフェース(UI)を実現するチェックリスト36項目
    chalcedony_htn
    chalcedony_htn 2014/01/24
    ダメな例のほう、いつもイラッと来るようなのがいくつも並んでてすごく納得した
  • 5分で分かるレスポンシブWebデザイン

    レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応/変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。

    5分で分かるレスポンシブWebデザイン
    chalcedony_htn
    chalcedony_htn 2013/01/30
    「振り分け」の限界
  • 1