Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
スポンサーロゴサイズの統一
Search
Kite
August 28, 2016
Design
7
2.9k
スポンサーロゴサイズの統一
縦横比がバラバラなロゴを、大体同じぐらいのサイズに見えるようにする方法
Kite
August 28, 2016
Tweet
Share
More Decks by Kite
See All by Kite
個人からチームまで、情報・タスク管理の一元化はNotionにお任せ!
ixkaito
13
71k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
7
5k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
22
7.5k
タイポグラフィベーシック (+ デザインアイデア)
ixkaito
13
3.7k
WordPress の今とこれから
ixkaito
1
1.7k
世界で一人しかできない WordPress コアを写経する話 ― 修行の先に見たものとは?
ixkaito
5
14k
WordPress の今とこれから
ixkaito
4
2.5k
Let's Think about Right Answers of Design and UI/UX
ixkaito
0
290
ブラウザのデフォルトスタイルを見てみよう
ixkaito
3
1.4k
Other Decks in Design
See All in Design
管理画面の全体UXは利用時品質モデルで考える
readymadegogo
1
1.8k
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
130
デザイナー向け会社紹介資料(採用資料)
dreamarts
0
340
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
1
470
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
9
7.8k
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
380
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
300
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
270
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
150
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
1.8k
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
780
アフォーダンスとシグニファイア
ryokanakai
0
290
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
41
9.2k
GitHub's CSS Performance
jonrohan
1030
460k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
How to Ace a Technical Interview
jacobian
275
23k
How GitHub (no longer) Works
holman
311
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Rails Girls Zürich Keynote
gr2m
93
13k
How STYLIGHT went responsive
nonsquared
95
5.1k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Transcript
Grand Frontend Osaka 2016 / Kite มଶత$44τϦοΫ൪֎ฤ εϙϯαʔϩΰαΠζͷ౷Ұ
WordPress core contributor Ruby on Rails contributor Wocker developer Bathe
developer Frasco developer Web & graphic designer Programmer Kite KITERETZ inc. CEO & Funder ! kite.koga " ixkaito # ixkaito
εϙϯαʔϩΰαΠζͷ౷Ұ
༷ ॎԣൺ͕όϥόϥͳϩΰ
ߴ͞෯Ͱ߹Θͤͯɺಉ͡େ͖͞ʹݟ͑ͳ͍ ࣦഊྫ
ಉ͡େ͖͞ʹݟ͑ΔΑ͏ʹ͢Δʹɺ໘ੵ͕ಉ͙͡Β͍ʹͳΔΑ͏ʹ͢Δඞཁ͕͋Δ ࣦഊྫ
Ұ൪ԣͳ ॎͰΑ͍ ϩΰΛج४ʹɺൣғͰऔΕΔ࠷େ໘ੵΛٻΊΔ Γํ
ྫ 300 * 50 = 15,000px Γํ
x : y = 1.5 : 1 x y Γํ
x y x : y = 1 : 1
x * y = 15,000 1.5 * y * y
= 15,000 y = √10,000 y = 100px x * y = 15,000 1 * y * y = 15,000 y = √15,000 y ≒ 122.474487139px Γํ
Γํ 122px 100px x * y = 15,000 1.5 *
y * y = 15,000 y = √10,000 y = 100px x * y = 15,000 1 * y * y = 15,000 y = √15,000 y ≒ 122.474487139px
ެࣜ 短辺 = √(最大面積 ÷ 縦横比)
࣮ࡍϩΰʹΑͬͯృΓͭͿ͠෦ͷ໘ੵ͕ҧ͍·͢ͷͰɺ ࠷ޙࣗ͝ͷͰ֬ೝ͠ɺඍௐ͢Δ͜ͱΛΦεεϝ͠·͢ɻ ֮ॻ
࠷ޙʹ
,*5&3&5;JOD גࣜձࣾΩςϨπ Ͱɺ ຐ๏͍ʹͳΓ͍ͨਓΛืू͠·͢ɻ ϦϞʔτɺύʔτλΠϜܴɻ αΠτ͔Β IUUQLJUFSFU[DPN 'BDFCPPLϝοηʔδ͔Β IUUQGBDFCPPLDPNLJUFLPHB (JU)VC*TTVF
IUUQTHJUIVCDPNLJUFSFU[