タグ

2012年9月3日のブックマーク (3件)

  • Photoshop VIP ☞ グリッドを使ったウェブレイアウトのデザイン方法&具体的サンプル

    いくつかの有名ホームページ、ウェブサイトを見てみると、どれも細かいところまで作り込まれたデザインとなっていませんか。 どのサイトもグリッドを使ってレイアウトされたものが多いように感じます。 グリッドを使うことでデザイナーに論理的で安定的なウェブレイアウトを組むことが可能となります。 グリッドを使うことのは退屈なデザインに仕上げるためではありません。 デザイナーはグリッドをベースにしたウェブレイアウトの基的なルールを知ることで、それらのルールをオリジナルに壊してデザインすることができます。 今回はSix Revisionsで紹介されている「A Brief Look at Grid-Based layouts in Web Design」よりグリッドを使ったウェブレイアウトのデザイン方法を具体例とともにご紹介します。 ウェブデザインを制作するときに参考にしていただければ幸いです。 詳細は以下

  • 黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid

    黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利そうでした。 黄金比を取り入れたグリッドレイアウト用のPSDやFw用テンプレとかアクションがセットになってるやつです。グリッドレイアウトは960グリッドシステムに準じているみたい。 内容物は以下となっています。 PhotoshopアクションPhotoshop用テンプレートFireworks用テンプレートillustrator用テンプレートindesign用テンプレートomnigraffle用テンプレートpixelmator用テンプレートflash用テンプレート上記にそれぞれ12カラム、16カラム、24カラムが用意されています。 ↑ a:bが1.6180:1となって

    黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid
  • ユーザーエクスペリエンスデザインの成果物リスト | Web担当者Forum

    ユーザーエクスペリエンス(UX)デザインの世界に身を置くわれわれにとっては、いまや心浮き立つような時代となった。UXの価値はますます広く認められるようになり、次々に生まれる新たなテクノロジーやメディアを超えたトレンドは、UXデザインの実践面で飛躍的な進化を生み出す土壌を整えつつある。 私自身、新たなチャレンジの数々に見舞われてあやうく安全圏から押し流されそうになりながらも、インフォメーションアーキテクトとしてはそれらを大いに楽しんでいる。これまでに、ソーシャルソフトウェアやリッチユーザーインターフェースをデザインしたり、モバイル検索の未来についてのシナリオを描いてみたり、いろいろなチャネルやアプリケーションにまたがるようなUXを設計してきた。するとそのうち、VIPルームの“エラい人たち”に自分のアイデアをご理解いただこうと苦心する場面が次第に増えつつあることに気づいた。 そんなわけで、私は

    ユーザーエクスペリエンスデザインの成果物リスト | Web担当者Forum
    ponki_8
    ponki_8 2012/09/03