黄金比をザックリと使ってみよう。DIVEJavaScriptの設定を有効にしてご利用ください。無効の場合、当サイトを正常にご利用できません。黄金比をザックリと使ってみよう。UshidaWebデザインを生業にしているみなさん、こんにちはこんばんは!今年の冬は寒かったりそうでなかったりですね。毎朝、着るものに悩んでおります。悩むといえば、毎日のデザイン業務も、そのクオリティーに悩んだりしますよね。今回のブログは、その解決方法として、簡単にですが『黄金比』を取り上げてみます!黄金比については、皆さんご存知だとは思いますが、実際に使用してみて、簡単なアイコンを制作してみようかと!どのようなものができるか楽しみですね!では、レッツ、トライ。黄金比とはでは、黄金比について勉強していきましょう。黄金比とは、wikipedia参照とのこと。1:1.618...=黄金比と覚えちゃいましょう。この比率が、最もポピュラーで美しい比率『黄金比』とされ、古代から使われてきたようです。黄金比の作り方みなさん、こんな図を見たことないですかね?正方形と、1:1.618の長方形を重ねていくと、黄金比を形にできます。これを繰り返していくと、上記の図のように、四角の対角線に弧を描くと綺麗なスパイラルになり、自然界でもみられるような自然な螺旋になります。ほら、でんでん虫の甲羅とかアンモナイトとか。ちなみにこちらは永久に続けれるとのこと。wまた、その正方形の中に円作ると、バランスのとれたサークルができます。使いつつ、アイコンを作成してみます。アイコンを作成してみよう。黄金比を使って簡単にアイコンを作成してみます。簡単そうな人物アイコンから作ってみます。簡単すぎて黄金比を使っても違いがわからないな...。黄金比を使ってもう少し変化をつけてみます。先ほど作ったアイコンに螺旋を入れた図を重ねてみます。罫線を入れてみると、なんとなしに収まってる感じがします。今度は、これを元にちょっと斜めにしてみます。ついでに鼻もおまけしておきます。いい感じのバランスで斜めになったような気がします。イラストに黄金比を使う方も多いと思いますが、こんな感じでバランスに使っている方もいらっしゃるのではないでしょうかね(多分)。アイコン2では、次はもう少し複雑に。Webのアイコンっていったら、これってやつを作ってみます。組んで...、からの、こう!どうっすかね...、デフォルメ分を除いても、それなりに実物に近いバランスのような気がします。あのロゴですからね、考えてプロダクトデザインされてることでしょう(多分)。アイコン3PCアイコンを作ったとなるとこれも欲しいよね。いうことで、もう一つ定番のやつを。組んで、なんか複雑になったけど、こう!それっぽくなったような気がします。いったように簡単ですがアイコンを3つ作ってみました。?簡単に引っ張ってきたアイコンもいいのですが、時間がある時にこんなアイコンが散りばめれば、デザインのクオリティーも上がるかと思います。難しいんですけどね...。単純なアイコンでも、それなりに考えないと破綻しますしね。作り込みたいところですが、複雑になりすぎちゃいますので、今回はこの程度で。いったように、これをアイコンやロゴ、レイアウトといったデザインに適用させるわけですね。黄金比を使っているデザイン黄金比は様々なデザインに使用されています。その中から、有名なデザインといえば、などなどのロゴに使用されています。ロゴ以外にも、かの有名なモナリザや、ギリシャのパルテノン、身近なところだと、名刺やクレジットカードのサイズにも使用されています。サイトデザインのレイアウトなどにも使用することができます。この比率を使うと、より落ち着いた、洗練されたデザインに仕上がるはずです。まとめ今回のブログでは、『黄金比』について書いてみました。勉強するとなると、簡単な参考書が書けるような内容なので、本当に簡単でザックリとですが。難しいなぁというのが、正直な印象です。ロゴデザインをする時などに使用しているのですが、複雑になればなるほど難しい...。うまく組み込めれば完成度がグッと上がるはず。黄金比については、調べるとさらに詳しい情報があります。習得すればそれなりのものに仕上がるはずですので、ぜひ、勉強しておきたい技術ではありますよね。僕も、AppleやTwitterのようなアイコンを作成したい!では、今回はこの辺りで。黄金比をザックリと使ってみよう。NX-PJTまとめ2019.12.12そんなことより、フォトショでクソコラでも作って遊ぼうぜ(前編?)2019.10.31Webデザイナーとして東京で働き始めて1年。アニメーションライブラリ「Lottie」を使ってみた。2019.05.28ウェブで受賞をめざす、世界のアワードを調べてみた。最新のビルドツール「Parcel」で開発環境をサクッと立ち上げる。captureでデザイン作業が捗る。黄金比をザックリと使ってみよう。黄金比をザックリと使ってみよう。Typeではじめる構造化データモンスターダイブの2019年を振り返る。創業10周年を振り返る。