Permalink
mippe on graphic
  • vote
    2
    0 starsmippe | Shared With: Everyone - Sep 02 2008 | graphic, design, bauhaus
    デザインって何? | エキサイトイズム

    Quoted: デザインという表現が生まれてから今日に至るまでが、30分でわかるデザイン史の特集。ウィリアム・モリス、バウハウス、イームズ、フィリップ・スタルクなど後世に影響を与えてきたヒストリーがまるわかり。

  • vote
    8
    0 starsmippe | Shared With: Everyone - Sep 02 2008 | graphic, photography
    rumblefish - 素敵すぎるロイターの写真に画面作りを学ぶ

    ・カメラを低くして見上げる
    ・大胆に切り取る
    ・一人の人物に強く注目させるが、人物自体は画面に対して大きくない
    ・象徴たる背景と視線を支配する人物、みたいな組み合わせ
    ・変な顔した瞬間
    ・中央を割る線に沿う何か(これは自分もよくやる)

  • vote
    15
    5 starsmippe | Shared With: Everyone - Aug 21 2008 | graphic, web design, Information Architecture

    電脳狂想曲 レイアウトの小技
    戻る
    レイアウトの小技 Ver2.0
    横幅:
    縦幅:

    白銀比 黄金比 白金比・第二黄金比について 横幅を元に計算する(縦幅無視)
    縦幅を元に計算する(横幅無視)
    縦幅と横幅を元に計算する
    (縦幅、横幅はそれぞれ指定比率で分割されるが、
    分割された四角形の縦と横の比率は計算した比率にならない)
    図形を表示 再分割を表示

  • vote
    11
    0 starsmippe | Shared With: Everyone - Aug 21 2008 | graphic, web design, Information Architecture
    ページの幅960pxを基準にして、設計するグリッドデザイン | コリス

    960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。

    960 Grid System
    デモページ

    960pxを基準にする理由としては、下記の2つが挙げられています。

    最近のモニターは1024×768の解像度をサポートしており、960pxを表示するには十分である。
    960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。
    デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることができます。

    またサイトでは、資料としてHTML+CSSをはじめ、PDFファイル、PSD・PNG・VSDファイルが一式でダウンロードできます。

  • vote
    1
    0 starsmippe | Shared With: Everyone - Aug 21 2008 | web design, Information Architecture, graphic
    グリッドシステム -サイトへの有効活用方法 | コリス

    グリッドシステムの機能
    情報の反復
    グリッドシステムを用いて、一定の場所に一定の情報・機能・サービスの要素を繰り返し配置することにより、反復機能を生み出します。

    情報の構造
    グリッドシステムを用いて、さまざまな情報・機能・サービスの要素を一定の間隔・空間で配置することで、情報の構造を明確にします。

    情報の伝達
    グリッドシステムは、情報の受け手である利用者に、意味のある情報を気軽に取得できるよう伝達します。
    配置する情報同士の空間を適度に設定することにより、視覚的な誘導効果を生み出し、情報の分類・区別、見出しや図版・テキストの可読性を確保します。

    グリッドシステムをサイトに導入するメリット
    アイデンティティの確立
    ブランドロゴなどのCI(コーポレートアイデンティティ)の要素は、一定の場所に繰り返し配置します。
    こうしたレイアウトの統一をはじめとする反復を利用したデザインは、サイトの全ページを通じて一貫したビジュアルアイデンティティを確保することができます。

    また、この反復の存在自体がサイトのアイデンティティとなり、サイトの全体感・信頼感を利用者に対して感じさせる基盤となります。

    利用者の学習効果
    上記のようなスタイルガイドを設けることにより、利用者はサイトのどのページへ移動した場合でも、どの場所にどういった情報・機能・サービスが配置されているかを無意識のうちに認知・学習できます。
    一度、サイトの配置ルールを認知・学習してしまえば、利用者はサイトでの行動において迷いを持たなくなります。

    制作者の思考支援
    グリッドシステムは、制作者にとって場所ごとにあらかじめ決められた情報・機能・サービスを考慮したデザインをするため、自由に配置する場合と比べ短時間で行うことができます。
    グリッドシステムは、制作者の体系的な情報の整理思考を補助する効果を持っています。

    制作品質の維持
    グリッドシステムを採用すると、複数の異なる制作者がかかわる場合でもサイトのデザインに一貫性を保たせることができ、デザインクオリティが維持されやすくなります。
    また、異なるコンテンツ同士のデザインクオリティのばらつきをなくし、新たなコンテンツの制作に要するデザイン作業を軽減し、サイト管理の省力化にもなります。

  • vote
    7
    0 starsmippe | Shared With: Everyone - May 26 2008 | graphic, Design, School
    トップページ ミームデザイン学校 -meme design school-社会人のためのデザイン学校

    働きながらデザインを学ぶ社会人のための学校を立ち上げます.
    産業構造の変革に伴う新しいデザインの担い手の育成こそは, いま最も望まれていることではないでしょうか. 現在, 実際にコンピュータを使ってデザインしながらも, 周囲に優れた指導者を得られない人, リーダー的立場にありながらもその能力に不安を抱く人, 専門教育を受けたがもっと研究を深めたい人, あるいは, 潜在能力は充分あるものの必要な専門教育を受けていない人……. このような人達が週末を利用し, 何度でも自由にリピートしながら最先端のデザイン理念と実技を学習できる, タイポグラフィからニューメディアまでを展望した教育機関です. 指導陣の中核には, グラフィックデザイン界における国内最高の英知迎えます.
    働きながら学ぶことが出来る理想の学校はどの様な形が最も相応しいのか、これまでに皆さんと共に考える討論形式のシンポジウムを設けてまいりました. そこで論議された結果を元に, 2008年4月より開校のはこびとなりました.
    多くの方々のご協力のもとに, ここまで来ることができたことは言うまでもありません. この場を借りまして, 今までシンポジウムにご参加いただいた受講希望者の皆様, 関係者の皆様に, 改めてお礼申し上げます.

  • vote
    26
    0 starsmippe | Shared With: Everyone - May 20 2008 | web design, graphic, graphic design
    Sparkle Backgrounds MADNESS! | You the Designer

    Quoted: Graphic Design Blog - Graphic Design Tips, Graphic Design Resources, Design News and Much More!

  • vote
    5
    0 starsmippe | Shared With: Everyone - Mar 14 2008 | graphic, web design, service, Business
    ncc | クリエイターポータルサイト - ナショナル クリエイターズ カンファレンス

    nccはクリエイターのためのクリエイティブ・ポータルサイトです。ニュースやtips集、お仕事情報などのお役立ち情報から、クリエイター同士の出会い、ここからはじまるお仕事まで。使い方はあなた次第で無限大に拡がります。

  • vote
    29
    0 starsmippe | Shared With: Everyone - Feb 22 2008 | graphic, Art
    東京アートビート - Tokyo Art Beat - 東京のアート・デザイン展カレンダー
  • vote
    6
    0 starsmippe | Shared With: Everyone - Feb 12 2008 | graphic, Branding
    ブランディングプロジェクト - 佐藤可士和氏によるアートディレクション | 明治学院大学

    Quoted: ブランディングプロジェクト - 佐藤可士和氏によるアートディレクション

1 - 10 of 58 Faves

Related Content from Around Faves

graphics

VIEW ALL

web design

VIEW ALL