タグ

ブックマーク / goodpatch.com (4)

  • UIデザインにおけるインターフェイスアーキテクトの役割|Goodpatch Blog グッドパッチブログ

    アーキテクチャ(Architecture)とは一般には建築や建築学を指しますが、コンピューターの世界ではあるシステムの概念や設計思想を「アーキテクチャ」という言葉で分類することがあります。中でもソフトウェアの領域では実装モデルの設計指針や分類、コンポーネントの相互関係、ソフトウェアの構築方法などを定めた一連の構造をそう呼ぶことがあります。 アーキテクト(Architect)とは建築家や(建築)設計士、技術者といった職種を指しますが、コンピューターの世界では「アーキテクト(仕組士): システムのアーキテクチャを設計する責任がある、人、チーム、あるいは組織」(IEEE 1471)と規定されます。要するに、システムの構造設計に関して責任を持つ役割です。「構造設計の指針を示し、実行する人」と言った方がわかりやすいでしょうか。 このような、構造設計やそれを担う設計士の役割は、当然のようにUIデザイン

    UIデザインにおけるインターフェイスアーキテクトの役割|Goodpatch Blog グッドパッチブログ
  • UIにも必要な錯視への考慮、デザイナーが行う視覚調整|Goodpatch Blog グッドパッチブログ

    視覚調整は、人間の脳に対して視覚的なアプローチをとることが多いデザイナーにとって大切なスキルです。 今回は、UIデザイナーが行う視覚調整の主な例を紹介していきます。 視覚調整とは 視覚調整とは、人間の錯視(目の錯覚)を考慮したデザインの調整のことを指します。 身近な企業ロゴに施されていることも多く、Googleのロゴでも取り入れられています。(以下の画像は、Googleのロゴを考察したツイート↓) Is this a joke, Google? pic.twitter.com/qrL8U2Vrhw — Give Me Internet (@GiveMeInternet) 2017年9月25日 この考察内容を見ても、調整前と調整後の違いはかなり微量であるように思えます。当にここまで細かい調整が行われているのかと疑ってしまいたくなりますが、実際にこのような微妙なデザインの調整はUIデザインに

    UIにも必要な錯視への考慮、デザイナーが行う視覚調整|Goodpatch Blog グッドパッチブログ
  • ロゴデザインの8つの種類と参考になるウェブサイト7選|Goodpatch Blog グッドパッチブログ

    CI(コーポレートアイデンティティ)においてロゴは非常に重要な部分を占めています。 また複雑で混沌とした社会になるにつれ、企業理念や創業者の思いをしっかりと定義したロゴの重要性は依然高まっているのではないでしょうか。最近ではCIデザインという言葉もよく聞くようになり、ロゴを含めAirbnbのCIがどのようにデザインされているかを表した動画も話題になりました。 ということで今回の記事では一般的なロゴデザインの種類、ロゴデザインに役立つウェブサイトなどをまとめてみました。ロゴデザインを始めたばかりの人や将来始めてみたいと思っている人のご参考になれば幸いです。 Goodpatchでは、ロゴデザインやCIのリニューアルのご相談も受けております。 ⇒【資料ダウンロード】Goodpatchにおけるロゴデザインのリニューアルプロジェクト事例のご紹介 ロゴデザインの主な種類 1. シンプルな幾何学模様 シ

    ロゴデザインの8つの種類と参考になるウェブサイト7選|Goodpatch Blog グッドパッチブログ
  • 黄金比を使ったロゴデザインのプロセスとは?|Goodpatch Blog グッドパッチブログ

    黄金比とは 黄金比(Golden ratio)とは1:1.618の比率のことで、人間にとって最も安定し、美しく感じられる比率とされています。多数の有名なロゴにも、デザインの調和を保つために黄金比が取り入れられています。Appleの林檎のロゴや、Twitterの鳥のロゴなどは、黄金比を用いて作られていると言われています。 フィボナッチグリッドとフィボナッチサークルの作成 さて、ロゴデザインに黄金比を取り入れるために、まずは黄金比を用いられて作られる黄金螺旋(ここではフィボナッチグリッドと呼びます)を作っていきましょう。 フィボナッチグリッドは全体のレイアウト構成を決める時などにもよく用いられます。 1.まず、正四角形を描きます。 2.正四角形の一辺を半径とした正円を描き、正四角形に沿って1/4の大きさにカットします。 3. 2の図形をコピーし、 黄金比である1.618の値で割ります。 4.3

    黄金比を使ったロゴデザインのプロセスとは?|Goodpatch Blog グッドパッチブログ
  • 1