iPhone 12シリーズが発表され、iPhone 12/12 Proの予約も始まりましたね。23日配送予定で予約できたので、私も楽しみです。ユーザーとしてはその新しいデザインや機能にワクワクしますが、デザイナー・デベロッパーとしては悩みのタネが増えるかもしれません。 ビューポートのサイズの種類が増え、多くの解像度、アスペクト比、断片化が進むデバイスの複雑さがUIの設計にどのように影響するのかを紹介します。 iPhone 12 vs Designers by Michal Malewicz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 iPhone 12のリリース だけど、このメタルとガラスの中には象がいる 2020年の現状 どのようにデザインすればよいか? 重要な要素は折り目の上に 終わりに iPhone 12のリリース 1
今朝発表されたiPhone 12系統のレスポンシブ対応についてのメモ書き。取り急ぎ。 12 Pro Max 👉 428px (3x) PlusシリーズやXR,11,11 Maxの414pxよりも14px広い。 12 / 12 Pro 👉 390px (3x) 6〜8、Xや11 Proの375pxよりも15px広い。 12 mini 👉 360px (3x) ただし、miniの場合は375pxで描写してスケーリング表示するらしい? とは言え、Androidのデバイスの多くは360pxなのでiPhone 12 miniの描写サイズが375pxだろうが360pxだろうが関係なかったりします。 横幅360pxでしっかり表示されていることは必須条件です。 追記1:これからも4インチ(320px)を意識する必要はあるのか? 個人的見解ですが、あります。 理由としてはiPadのSlide Over
平尾誠@ARUTEGA.Inc @Makopontass コーディングを外に出すことが増えてきた。 やはり経験値が少ない人の品質管理は大変だと感じつつも、しぶとくピクセルパーフェクトを狙ってくる方に仕事を任せてよかった。 この再現性への執着心がないと伸び代を感じれない。 吉本 集 / aru inc. @tsuDoi220 いやー、実際そうなんですよねー。 ピクセルパーフェクトに、そもそも拘っていない人に、仕事お願いしたくない。テクニックどうこうより、全然こっちのほうが大事。ほんとに。 後、速度とちゃんと納期守ること。 当たり前のようだけど、意外とね、、、 twitter.com/makopontass/st…
この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる!便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV
国際的なファッションデザイナーで、イベントプロデューサーとしても活躍した山本寛斎さんが、今月21日、白血病のため亡くなりました。76歳でした。 岐阜市出身の山本寛斎さんは、大学中退後、コシノジュンコさんなど有名デザイナーのもとで働いたあとに独立し、27歳の時に日本人として初めてロンドンでファッションショーを開催し、斬新なデザインと歌舞伎から影響を受けた大胆な演出で注目を集めました。 既成概念にとらわれない前衛的なデザインは、若者を中心に支持を集め、パリやニューヨークなどのコレクションに参加するなど国際的に活躍する一方、デヴィッド・ボウイさんやスティーヴィー・ワンダーさんなど世界的ミュージシャンとも親交を深めました。 日本の神話「因幡の白兎」をモチーフにしたデヴィッド・ボウイさんのステージ衣装は、山本さんの代表作の1つとして知られています。 ファッションデザイナーの枠を超えてライブイベントな
イラストと文 ぬっきぃ テクニカルイラストの例です(架空の部品です) はじめまして! 主にテクニカルイラストを描いている、“テクニカルイラストレーター”のぬっきぃです。 「テクニカルイラストって、そもそも何なの?」という人も少なくないかもしれません。 家電や家具、車、おもちゃといった製品やサービスに付属される「取扱説明書」にあるイラストを描く人……と言えば、大体の人に伝わるのではないでしょうか。 そんな「取扱説明書」のイラストを描き続けて早いもので約10年になります。2016年からは、テクニカルイラストを生かしたWebライターもしています。 取扱説明書は製品の開発中・発売前に作られます。また、テクニカルイラストの著作権は企業に帰属する契約が基本。そのため、私の名前が出ることはありません。また、自分が描いたことも言ってはいけない職業とされています。その制約もあって、最初は本業にするつもりじゃ
展覧会「再開館記念『不在』 ―トゥールーズ=ロートレックとソフィ・カル」招待券プレゼント 抽選で5組10名様にリニューアル・オープン後初の展覧会のチケットが当たる
Meiji Seikaファルマ(旧・明治製菓)の反ワク法的措置祭り、立憲民主党の原口一博さんもがっつり検討対象と判明
前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで
■あれよあれよという間に前回の更新からひと月近くが経ち、この後どうする気なのかどうなっているのかと問われることが増えてまいりました。聞いている、というより、やや問うている、というニュアンスが感じられるようになってきたことから(もちろんそれもトロトロしてる小店店主のせいなんですが)改めて書いておきますと、本年10月半ばをもって日月堂は表参道の店舗での営業を終え、下記の連絡先に移転しました。 移転先 〒145-0062 大田区北千束1-4-20 G-FLAT 101号 TEL/FAX 03-3724-1338 移転先の装備が整うのが今月の24日、そこから荷解きが始まることから、本格的な仕事の再開は年明け以降となります。 また、移転先はあくまで仕事場となりますので、ご来訪はアポイントのみお受けすることになります。 郵便物も移転先に転送されています。電話も通じておりますが、移行期間中のご連絡につい
初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽ですしね。 早速Twitterのプロフィール画面とタイムラインの2画面を、Sketchを用いてトレースしてみました。Sketchを用いたトレースについてはネットで既に多く説明されていたのでつまずく事はありませんでした。 Twitterをトレースして気がついた事 左:元画像 右:トレース 1.フォントについてTwitterにはinstagramなどと同様に、和文には"Hiragino sans"、英文
KCDB is the site collected focusing on the information of King Crimson and Robert Fripp. キング・クリムゾン・データ・ベースは、キング・クリムゾンとロバート・フリップの情報を中心に集めたサイトです。 Home Discography Magazine Index Books Random Theme Updates about KCDB Last Update : 2024/10/25 King Crimson Discography -DGM Live- を更新 DGM Live からリリースされた1973年のライヴ2作品を追加しました John Wetton Discography を更新 ソロ・キャリアを網羅したCD8枚に及びボックス『 An Extraordinary Life 』 を追加しまし
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは!現在キッズリーのデザインを担当しているデザイナーの町田(@macheri_me)です。 今年で中途入社3年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAdobe XD、Sketchどちらを導入しようか悩んでいる人 デザイン制作フローの中で課題を抱えており、解決したい人 Adobe XDとSketch。自分のチームにはどちらが最適か サービスのデザインを制作する際、何のツールを使っていますか?少し前だと Adobe Illustrator、Photoshop、Fireworksといったグラフィックツールが多かったかと思います。しかしながら、これらはUIデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く