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デザイン、通常のデザインなど「なんだか綺麗」と思わせなけらばいけない場面で利用されるこれらの比率。具体的には黄金比、白銀比、青... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

とっけん-特殊文字・文字実体参照検索エンジン- | Just another WordPress site

2011/05/11 71 users IE7 コピペ 辞書登録 ブックマークバー Web計

特殊文字・実体参照を簡単に検索できます。 コピペ、辞書登録にどうぞ。 ブックマークバーに入れてお使いください。 ※IE7だと動かないっぽいです。 こちらもどうぞ。webデザイナー向け黄金比・白銀比、画角などのかんたん計算　Web計。 続きを読む

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

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

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

覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

2008/04/23 600 users レイアウト 名刺 はがき 縦横比 見やすい

Web サイトのレイアウトを考えたり写真や画像をトリミングする時、意識して縦横比を統一すると全体のバランスがよくなります。そんな時に、覚えておくとちょっと便利なバランスのよい「縦横比」と「国際標準バナーサイズ」を紹介します。 デザイン的に「見やすい」または「美しい」とされる縦横比。 1 : 1.4 日本建築やハガキ・用紙サイズに用いられる白銀比 1 : 1.6（または5：8） 名刺などに用いられる... 続きを読む

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

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

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