UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio

2023/06/13 154 users フォントサイズ マージン コンポーネント パディング 白銀比

UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール（ローカルも可）を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということがで... 続きを読む

黄金比を使ってロゴデザインをしてみよう | Goodpatch Blog

2018/05/22 95 users Goodpatch Blog ロゴデザイン amu ロゴ 種類

こんにちは！フロントエンドエンジニアのamuです。 最近、関わっているプロジェクトの中でロゴデザインについての話が出ました。そこで、ロゴデザインの方法についてリサーチしてみたところ、黄金比を使ってデザインする方法を見つけたのでご紹介します。 ロゴを実際にデザインする前に行うアイデア出しや、ロゴの種類、オススメのツールについては以下の記事をご覧ください。 ロゴデザインを始めたいあなたへ！ロゴデザイン... 続きを読む

デザインに役立つ！黄金比や白銀比の比率を計算してくれる5つのツール | creive【クリーブ】

2018/05/11 102 users 建築 物事 webデザイン 通常 再編集

Webサービス・ツール 2018.05.11 みほこ デザインに役立つ！黄金比や白銀比の比率を計算してくれる5つのツール ※この記事は、2015年4月15日に公開された記事を再編集したものです。 世の中には、物事を美しく魅せるための 「比率」 が存在します。 建築や、Webデザイン、通常のデザインなど「なんだか綺麗」と思わせなけらばいけない場面で利用されるこれらの比率。具体的には黄金比、白銀比、青... 続きを読む

感情の黄金比「3対1の法則」に数学的根拠がないと見抜いたのは中年の素人だった - GIGAZINE

2018/03/05 258 users GIGAZINE ロサダ 反響 論文 中年

幸福は「ポジティブな感情」と「ネガティブな感情」の比が約3に転換点を持つという「 ロサダの法則 」(いわゆる3対1の法則)は、心理学の研究として発表されるとさまざまな論文で引用され、世間では「3褒めて1叱るべし」という謎の教育黄金比をも生み出すほど社会に大きな反響を呼びました。その後、「元論文の数学的根拠が皆無」と指摘されて、アメリカ心理学会が法則を正式に否定することになったこのロサダの法則は、数... 続きを読む

黄金比の美がわかりやすい姿で目の前に示されるとは限らないという一例 - しいたげられたしいたけ

2017/09/21 232 users 発端 しいたけ デイリーポータルZ 一例 数学

2017 - 09 - 22 黄金比の美がわかりやすい姿で目の前に示されるとは限らないという一例 数学 あくまで私の観測範囲であるが、黄金比が静かなブームのようだ。静かなブームって胡散臭い言い方だね自分で言っといてなんだが。 発端はデイリーポータルZのこの記事だったと思う。 portal.nifty.com それを受けてかどうか、「頭の悪い人の絵」が黄金比に沿って描かれているというツイートが流れた... 続きを読む

黄金比が含まれていれば美しいという風潮 | めしがくいたい

2017/09/17 52 users 風潮 美しい Twitter 趣旨 ツイート

Twitterを眺めていたら、こんなツイートが流れてきました。 頭悪い人の画像を生み出した人が頭良い人なのは間違いない。 pic.twitter.com/54G1NbgLRn — タリク (@MonNadja) 2017年9月15日 「頭の悪い人」の絵が、黄金比に沿って描かれているので、 “頭のいい人”によって描かれたものにちがいない、という趣旨の（ネタ）ツイート。 絵に黄金比が含まれているって、... 続きを読む

むりやり黄金比を見つけ出したい - デイリーポータルZ：@nifty

2017/09/07 96 users デイリーポータルZ 縦横 nifty 比率 たくさん

縦横が一番きれいに見える比率を黄金比という。 昔の美術品や、自然界にも存在する不思議な比率だ。 この黄金比、まだまだ世の中にたくさんあるのではないか。 そこで、あらゆるものから黄金比を見出せるツールを開発した。 続きを読む

[CSS]これなら簡単！レスポンシブ対応、アスペクト比を維持したまま画像や要素を実装する -RatioBuddy | コリス

2017/03/16 90 users 白銀比 スクリーン コリス デスクトップ オンラインツール

デスクトップやスマホなど、異なるスクリーンのサイズでも、黄金比や白銀比などのアスペクト比を維持したまま画像や要素を実装するスタイルシートを生成する便利なオンラインツールを紹介します。 このかわいいデザインに、癒やされます ...記事の続きを読む 続きを読む

フリーフォントで完成！ミニマルな無料ロゴテンプレート総まとめ（Photoshop / Illustrator 対応） - PhotoshopVIP

2017/03/07 55 users PhotoshopVIP ミニマルスタイル フリーフォント

ロゴデザイン制作に迷ったら確認したい、ミニマルスタイルのロゴ用テンプレート素材を集めました。文字とシンプルなシェイプで作成されたミニマルスタイルが中心で、どれもフリーフォントを使って編集できるものばかりです。 自由なサイズや色に変更することができ、どんなデザインとも合わせやすいのが特長。ロゴに黄金比を取り入れたり、グラフィックデザインで人気のブラシフォントを使ったモダンレトロ・スタイルなど、ロゴ制... 続きを読む

全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - Literally

2016/10/22 1965 users 法則 ルール 構成 日々 Literally

2016 - 10 - 22 全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 TIPS デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインのルール・テクニックを紹介する。 1. 便利な1/3法則を覚えよう レイアウトや写真の構成を考えるときには、黄金比 *1 よりも「1/3の法則」が便... 続きを読む

O'Reilly Japan - Pythonからはじめる数学入門

2016/05/09 316 users Python O'Reilly Japan 数学入門 方程式

Pythonは書きやすくて読みやすい、使うのが楽しいプログラミング言語です。本書では、学生や生徒、プログラミングの初心者が、数学の問題を具体的に解く楽しみをPythonを用いて体験します。方程式の解を求めたり、統計や確率を計算したり、放物線運動をプロットしたり、フラクタル図形を描いたり、フィボナッチ数と黄金比の関係を探ったりします。同時に、matplotlibとSymPyの使い方も学びます。数学と... 続きを読む

黄金比って何？デザインに取り入れたい5つの重要ポイント - PhotoshopVIP

2015/10/22 131 users Twitter PhotoshopVIP ギザ ゴッホ 共通点

海外デザインブログCanva Design School Blogで公開された「What Is the Golden Ratio? What You Need to Know and How to Use It」より許可をもらい、日本語抄訳しています。 エジプトのギザにある大ピラミッドやゴッホの描いたモナ・リザと、Twitterやペプシペプシの共通点は何でしょう。 簡単な答えとして、どのデザインに... 続きを読む

数学からデザインのインスピレーションを得よう！数学の美しさを楽しめるGIFアニメーションのまとめ | コリス

2015/10/06 172 users フィボナッチ数列 白銀比 コリス 芸術 遙か昔

数学は、遙か昔から多くの芸術や建築のデザインに利用されてきました。Webデザインに黄金比や白銀比、フィボナッチ数列などをとりいれてる人もいるかもしれません。 クリエイティブなインスピレーションが得られる数学の美しさを楽し...記事の続きを読む 続きを読む

「黄金比」を使って写真の構図をばっちり決めよう ｜ ライフハッカー［日本版］

2015/08/25 102 users 構図 ライフハッカー 日本版 写真 フレーム

MakeUseOff：写真を撮る時は、まず構図を決めなければなりません。場面をどうフレームに収めるかは、素晴らしい写真を撮るうえでの基本です。構図を決めるテクニックで、これまできわめて重要だとされてきたのが、「黄金比」です。 では、黄金比とはいったい何なのか、素晴らしい写真を撮るには黄金比をどう取り入れたらいいのか、ご説明しましょう。 黄金比とは？ 1本の線を引き、どこかに点を打って「短い線」と「... 続きを読む

「黄金比」はデザイン史における最大の都市伝説なのか？ - GIGAZINE

2015/04/14 133 users ギザ GIGAZINE パルテノン神殿 Co.DESIGN

By 2 TOP 芸術家のサルバドール・ダリや建築家のル・コルビュジエが作品に取り入れている「黄金比」は、芸術・建築・デザインなどの分野で美しいバランスを生みだすものと考えられてきました。パルテノン神殿、ギザの大ピラミッド、モナ・リザからAppleのロゴに至る多くの作品やデザインが黄金比を持つと言われていますが、Fast Companyの運営するCo.Designは「黄金比は都市伝説である」と論じ... 続きを読む

荒木飛呂彦が“企業秘密”と語るマンガの描き方、新書で明らかに - コミックナタリー

2015/03/16 384 users 荒木飛呂彦 ヘミングウェイ 新書 コミックナタリー 荒木

「ジョジョの奇妙な冒険」シリーズの荒木飛呂彦による新書「荒木飛呂彦の漫画術」が、4月17日に集英社より発売される。「荒木飛呂彦の漫画術」では「漫画は最強の『総合芸術』」と語る荒木の、マンガの描き方や創作の秘密が明らかに。絵を描く際に必要な「美の黄金比」や、ヘミングウェイに学んだストーリー作りなど、具体的な方法論を交えながら創作術について解説していく。なお新書の帯には荒木の自画像と、「ジョジョの奇妙... 続きを読む

失敗なし！「黄金比タレ」が超便利です | クックパッドニュース

2015/03/03 815 users クックパッドニュース 分量 すき焼き 失敗 すし酢

料理は「シンプルな調味料で簡単に」「覚えやすい分量で」がモットーのズボラ主婦です☆　　 食器が好きで、みなさんのれぽやレシピの食器を見るのも楽しみにしています♪ このたび、レシピエールとして活... meg526さんの「黄金比シリーズ」が必見です ※こちらは「黄金比タレ」検索 meg526さんの数あるレシピの中から注目したいのが『黄金比シリーズ』。すき焼きのタレ、すし酢、オイスター炒めのタレなど、... 続きを読む

黄金比や三分割など、レイアウトや写真の構図確認に使えるPhotoshopのカスタムシェイプが便利！ | コリス

2014/10/23 134 users カスタムシェイプ Photosh コリス Photoshop

黄金比、黄金螺旋、1/3ルール、L字など、レイアウトや写真の構図に重要なパスを簡単に描けるPhotoshopのカスタムシェイプを紹介します。 カスタムシェイプなので、サイズやカラーなど自由に利用できます。 Photosh...記事の続きを読む 続きを読む

我が家でチリソースを作るときの黄金比。マーボー豆腐やナスやパスタソース、海老チリなどに使えます。：[2ch]お料理速報

2014/03/05 377 users マーボー豆腐 recipe ナス test チリソース

我が家でチリソースを作るときの黄金比。マーボー豆腐やナスやパスタソース、海老チリなどに使えます。 2014年03月05日20:30 カテゴリレシピ調味料 Tweet http://food8.2ch.net/test/read.cgi/recipe/1188276642 「美味すぎて、みんなに教えたい料理のレシピ(5)」より 320: 困った時の名無しさん 2008/07/20(日) 15:03:... 続きを読む

レイアウトを美しく！WEBデザインに黄金比や白銀比を取り入れよう | 株式会社LIG

2013/12/16 160 users 白銀比 レイアウト 株式会社LIG layout 白浜

こんにちは。デザイナーの白浜です。 今回はWEBのレイアウトや画像制作で気軽に黄金比や白銀比を取り入れるためのお役立ちツールをご紹介します。 わりと自分用メモですが良かったら参考にしてみてください。 黄金比や白銀比を取り入れるためのツール5選 レイアウトの小技 http://viskowaza.web.fc2.com/layout/index.html 画面をどんどん黄金比や白銀比で区切っていって... 続きを読む

「黄金比って誰が考えたの？」って調べたら深かった - NAVER まとめ

2013/07/17 128 users NAVER ユークリッド 読本 幾何学 比率

1.6180339887…… この謎めいた数はどこにでも現れる 2011年ノーベル化学賞「準結晶」も登場する 芸術家も科学者もとりこにした「黄金比」読本 実はこの比率は、幾何学の基礎をつくったユークリッドにまでさかのぼる。 （Amazon商品の説明） ユークリッド？！ 続きを読む

黄金比ってWebではどうなの？～三分割法と黄金比の話～ | ACTZERO - 株式会社アクトゼロ

2013/07/16 182 users 法則 外出 美術 水分補給 夏バテ

こんにちは。毎日暑いですね…。猛暑日が続き、いよいよ夏バテがやってきそうです。夏はイベントも多く外に出たくなりやすいですが、外出の際はこまめに水分補給をしましょう！私はビール補給を毎日したいです。 さて、今日は美術やデザインを学ぶ中で一度は聞いたことはある『三分の一の法則(三分割法)』と『黄金比』について書こうと思います。皆さんはこの法則を意識してデザインをしたことがありますか？ 三分の一の法則と... 続きを読む

黄金比・黄金螺旋・黄金三角形などをページのレイアウトや写真の構図にあてがうPhotoshopの機能拡張 | コリス

2013/06/12 248 users コリス Photoshop 構図 レイアウト 機能拡張

対角線 Divine Proportions Toolkitのインストールと使い方 Toolkitの対応バージョンはPhotoshop CS5, 6です。 インストール 下記ページのDownloadから「divine_proportions_toolkit_1_0_4.zip」をダウンロードし、解凍します。 Divine Proportions Toolkit 解凍したフォルダ内にCS5, CS6... 続きを読む

美しいバランスの黄金比をウェブページのレイアウトに実用的に取り入れる -Golden Bootstrap | コリス

2012/10/30 172 users Bootstrap コリス エレメント グリッド ウェブページ

黄金比を使ったグリッドを組み立てたり、エレメントに使ったりなど、美しいレイアウトを生み出すGolden Bootstrapを紹介します。 Golden Bootstrap Golden Bootstrap -GitHub Golden BootstrapはBootstrapのプラグインで、「bootstrap.less」にファイルをインクルードして利用します。 // Grid system and... 続きを読む

黄金比や白銀比など最適な比率を計算してくれる「Metallic Ratio」 - GIGAZINE

2012/07/04 486 users GIGAZINE Meta 長方形 白銀比 図形

By GeometerArtist 図形が最も美しく見えるとして1：1.618という比率は黄金比と呼ばれ、その他にも図形が美しく見える白銀比（1：1.414）や青銅比（1：1.303）といった比率が存在しますが、「Metallic Ratio」では縦や横の幅を記入すると自動的にそれらの比率に従って長方形を作ってくれるので、デザインの仕事をしていたり、ポスターなどを描く際に役立つはずです。 Meta... 続きを読む