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

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

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

デザインに役立つ！黄金比や白銀比の比率を計算してくれる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 それを受けてかどうか、「頭の悪い人の絵」が黄金比に沿って描かれているというツイートが流れた... 続きを読む

全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック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... 続きを読む

twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。｜楽しければいいのです。

2012/06/07 572 users Twitter 圧巻 Apple 美しい曲線 青い鳥

twitter のトレードマークである青い鳥が新しくなりましたね。前回のロゴよりも美しい曲線で描かれており、公式のプロモーションともに圧巻でございました、これこそデザインだわーっとね。   そんな感じで朝から影響を受けまして、どのように構成されて描かれているのか調べてみたら、Apple のロゴと同じくやっぱり黄金比で作られておりましたよというお話。 ツイッターの新ロゴデザイン登場。 皆さんおなじみ... 続きを読む

黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid - かちびと.net

2012/06/06 159 users グリッドレイアウト psd Photoshop テンプレート

黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利そうでした。 黄金比を取り入れたグリッドレイアウト用のPSDやFw用テンプレとかアクションがセットになってるやつです。グリッドレイアウトは960グリッドシステムに準じてい... 続きを読む

美しいバランスを生み出す黄金比をウェブページのレイアウトに使ってみたい人に役立つ -The Golden Grid | コリス

2012/06/05 373 users カラム グリッド コリス Grid System テンプレート

黄金比（1:1.6180）をベースに作成されたグリッドを使った、ウェブページのレイアウトに役立つテンプレートとツールを紹介します。 The Golden Gridの仕組み The Golden Gridのセット内容 The Golden Gridの仕組み 「The Golden Grid」は960 Grid Systemに水平方向のガイドを加えたもので、グリッドを構成するカラムと溝を黄金比ベースに... 続きを読む

デザインの基礎、黄金比から大和比、第2黄金比まで : Web Design KOJIKA17

2011/08/16 1004 users 古代ギリシア 基礎 CSS 伝承 白銀比

よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の１つです。 近似値　1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから... 続きを読む

黄金比にも対応したグリッドレイアウト用のシンプルなCSSのフレームワーク -The Square Grid | コリス

2010/10/04 246 users コリス 分割 フレームワーク CSS グリッドレイアウト用

2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid The Square Gridのグリッ [...] 続きを読む