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

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

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

黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス

2007/03/29 1302 users コリス 矩形 みろ モナリザ パルテノン神殿

その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して1... 続きを読む

ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 | コリス

2010/02/25 1152 users コリス ウェブデザイン フィボナッチ数列 デザイ 要素

黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザイ... 続きを読む

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

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

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

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

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

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

美しいレイアウトを計算してくれるツール :: Love & Design ::

2006/08/31 605 users 白銀比 DESIGN レイアウト LOVE 分割

以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲　レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780... 続きを読む

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

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

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

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

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

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

Webデザインに黄金比を取り入れよう - Re:Creator’s Kansai

2008/06/05 438 users webデザイン ＳＭＡＳＨ 苦笑 クリエイター コミュニティ

Re:Creator’s Kansai Re:Creator’s Kansai（リクリ）は関西のクリエイターの交流、勉強会・セミナーの開催を目的としたコミュニティです。 ニュース ブログ みなさん。初めまして。 ペタビット株式会社、ナフタリンのミキチョクシです。 水曜日担当のkennsuさんのいきなり代打で記事作成します。（苦笑 日本語が苦手なのでおかしい文面があったらご容赦ください。 Smash... 続きを読む

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

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

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

我が家でチリソースを作るときの黄金比。マーボー豆腐やナスやパスタソース、海老チリなどに使えます。：[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:... 続きを読む

美しいバランスを生み出す黄金比をウェブページのレイアウトに使ってみたい人に役立つ -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に水平方向のガイドを加えたもので、グリッドを構成するカラムと溝を黄金比ベースに... 続きを読む

黄金比などを使用して、緻密で美しいグリッドを設計できるツール集 | コリス

2008/07/25 318 users グリッド 白銀比 コリス アプリケーション オンラインサービス

黄金比や白銀比などを使用して、緻密で美しいグリッドを設計したり、設計したグリッドを表示・確認できるアプリケーション・オンラインサービスの紹介です。 アプリケーション関連 続きを読む

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

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

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

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

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

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

黄金比・黄金螺旋・黄金三角形などをページのレイアウトや写真の構図にあてがう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... 続きを読む

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

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

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

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

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

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

rumblefish - はやぶさの最後の作品が完璧すぎてやばい

2010/06/14 206 users Corel Painter 構図 Rumblefish 地球

みんなご存知の、はやぶさが大気圏突入前に地球を撮った写真。５、６枚撮って、最後の１枚だけ撮れていたとのことで。 (･ω･)ねぇ・・・ どうも構図も含めて綺麗すぎるよね、と思って試しにCorel Painterの黄金分割のガイドを重ねてみたらこの通りですよ。 （黄金分割は、歴史的建造物、美術品、自然界の中に見出すことができる、１：１．６を基本とした構成。もっとも安定し美しい比率とされていて、黄金比を... 続きを読む

モダンCSSにおける黄金比とは？ | CREAMU

2008/11/07 183 users div CREAMU CSS 左カラム 右カラム

CSSでのレイアウトに黄金比を取り入れたい。 そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。 このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px　が左カラム、960 - 593 = 367pxが右カラムになるといったように、黄金比を取り入れたレイアウトの方法が解説されている。 その他にも、 l... 続きを読む

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

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

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

黄金比

2005/05/24 173 users 長方形 数学 規則 比率 バランス

縦と横の比率が最も均斉のとれた長方形を想像してみて下さい。それは人によって様々かもしれませんが，黄金比と 呼ばれる比が最も美しいと言われています。ところで，どうしてその比率がバランスよく見えるのでしょうか。もしかしたら，その中に何か神秘的な規則が内在しているのではないでしょうか。 ここでは，それに関連するいくつかの話題を展示します。お楽しみ下さい。 １　黄金比とはなにか 歴史上，黄金比を数学の話題... 続きを読む

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

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

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

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

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

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

Twitter新デザインは昔からあるアレです : ギズモード・ジャパン

2010/10/02 172 users ギズモード アレ ジャパン はて タグ

Webサービス Twitter新デザインは昔からあるアレです 2010.10.02 09:00 [0] [0] タグ:twitter Twitter公式ウェブの新デザインはもう試しました？　あれ見て、「はて？　どこかで見たような...」と思った方は鋭い！ そうなのです、黄金比（Golden Ratio）になってるんですねー。 Googleトップデザイナーの職を辞めて話題を振り撒いたTwitter現... 続きを読む