iOSアプリによく使用されているナビゲーションの最新パターンとそれぞれの特徴
これからはこの実装がオススメ！ iOSの100vhでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック
これで解決！height: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック
UIデザイナーから学ぶ！今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説
デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する方法を紹介します。 Dark Mode — Working with Color Systems by Søren Clausen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 色に役割を割り当てる カテゴリ 1: 色合い カテゴリ 2: 背景 カテゴリ 3: 前景要素 その他の場合 色の割り当て ダークモードへの対応 Sketch用のカラーシステム 色に役割を割り当てる すべてのシステムがそうであるように、最も重要なことは根拠です
スマホ用の気持ちいいインタラクションを豊富に備えた、オープンソースのUIコンポーネント -Cuberto
Windows, macOS, Android, iOSなど、各OSの各バージョンにプリインストールされているフォントリストのまとめ
2018年、日本国内を対象にしたブラウザのシェア、スマホや解像度やソーシャルメディアのシェア
2018年1月から11月までの日本国内のブラウザのシェア、スマホやタブレットなどのデバイス、解像度、OS、検索エンジン、ソーシャルメディアのシェアを紹介します。 こういった数字は自サイトのものが一番参考になりますが、一つの参考データとしてご利用ください。 StatCounter ※画像は2018年11-12月のブラウザのシェア（世界） 以下は、すべて日本国内を対象にしたデータです。 2018年、デバイスのシェア 2018年、デスクトップ・モバイル ブラウザのシェア 2018年、デスクトップ・モバイル 解像度のシェア 2018年、デスクトップ・モバイル OSのシェア 2018年、デスクトップ・モバイル 検索エンジンのシェア 2018年、デスクトップ・モバイル ソーシャルメディアのシェア 2018年、デバイスのシェア デスクトップ・モバイル・タブレットの2018年1月から11月までのシェアです
ブックマークしておきたい！WebサイトやスマホアプリのUIデザインのアイデアに困った時に、参考になるサイトのまとめ
WebサイトやスマホアプリなどのUIデザインのアイデアに困った時に、参考になる、そして勉強になるサイトを紹介します。 ランディングページ・プロダクトページのレイアウト、UIのさまざまなコンポーネント、アニメーションが気持ちいいインタラクションなど、ブックマークして定期的にチェックしておきたいサイトばかりです。 Mobbin -Latest Mobile Design Patterns デザイン面に優れた最新のスマホ向けデザインのパターンがコレクションされています。100以上のiOSアプリの主要な画面遷移と5,000以上のパターンが厳選されており、自身のライブラリを作成（要登録、無料）することもできます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザイナーはダウンロードしておこう！iOS 14のデザインテンプレート・UI要素が揃ったAdobe XD用の素材がApple公式からリリース
iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材