タグ

webdesignと言葉に関するminorleagueのブックマーク (4)

  • 複数のレイヤーを使用したウェブデザインのガイドラインと実例 | コリス

    複数のレイヤーを使用したマルチレイヤータイプのウェブデザインのガイドラインと実例をNoupeから紹介します。 Multi-Layered Design: Guidelines and Examples マルチレイヤーのガイドライン 私たちは、マルチレイヤーのデザインがミニマリストのサイトよりビジュアル的により複雑であることを知っています。しかし、そのマルチレイヤーをどのように作成するべきかに多くを語っていません。 マルチレイヤーのデザインは、ミニマリストのデザインから始めた人にとってはなかなか踏み出せないものかもしれません。 テーマを決める 最も良いデザインは、全体的にテーマか美学的なものを持っています。決して任意のエレメントを急いで作っているだけではありません。例えば、汚した感じのグランジのエレメントは、より繊細に使用されます。 Team Fannypack 非常に明白なグランジデザ

  • ドロップシャドウとグラデーションの使用を的確にするためのチュートリアル

    なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか? Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。 Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors 下記は、各ポイントを意訳したものです。 ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションの使用の注意点 使用は、より繊細に よくある間違いと解決方法 おわりに ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションは、スペースに錯覚を生じさせるための基的なテクニックです。 Mac OS Xのドックを例にとると、輝いたテーブルの上に各メニューのアイコンが浮き上がっ

  • グリッドシステム -サイトへの有効活用方法 | コリス

    グリッドシステムとは、スイスのグラフィックデザイナー:josef muller blockmann(ヨゼフ・ミューラー・ブロックマン)が考案したデザインの手法です。 1981年に刊行した「Grid Systems in Graphic Design/Raster Systeme Fur Die Visuele Gestaltung」は、さまざまなレイアウトにグリッドシステムを用いて、繊細にデザインが行われています。 このグリッドシステムは、エディトリアル デザインで広く利用され、今日ウェブデザインにも多くの影響を与えています。 グリッドシステムの概要 グリッドシステムの機能 グリッドシステムをサイトに導入するメリット グリッドシステムに関する書籍 グリッドシステムの概要 グリッドシステムとは、縦横線の格子(グリッド)を下地として、そこに出来たブロックごとに図版や文字を配置し、デザインを行う

  • ウェブデザインにおけるネガティブスペースの活用ガイド

    ネガティブスペースを巧みにつかったウェブサイトの紹介をはじめ、ウェブページのレイアウトでどのように分析し改善するのか、効果的に活用するガイドをSix Revisionsから紹介します。 Negative Space in Webpage Layouts: A Guide 下記は、各ポイントを意訳したものです。 はじめに ネガティブスペースとは ネガティブスペースの重要性 ネガティブスペースを実例から学ぶ まずはデザインの単純化から ネガティブスペースを分析、そして改善 ネガティブスペースの活用例 おわりに はじめに ネガティブスペースは多くの場合、ミニマリズムのようにシンプルを美とした特定のデザインだけのものであると誤解されています。来ネガティブスペースというものは、あらゆるデザインにおいて注意を払い、そして慎重に組み立てて使用すべきものです。 ここではネガティブスペースが何であるか、そ

  • 1