スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot
[iOS] iPhoneアプリの初回起動時に表示したい「おもてなし」ライブラリ4選 | アドカレ2013 : SP #10 | DevelopersIO
EAIntroViewはウォークスルー画面を簡単に追加できるライブラリです。 ウォークスルー画面のページの数だけEAIntroPageインスタンスを作成します。作成したEAIntroPageインスタンスを使ってEAIntroViewインスタンスを作成し、表示したいViewに追加することでウォークスルー画面を表示できます。 表示が終了した時やページをめくった時はdelegate経由で知らせてもらえます。 ウォークスルーの1ページを構成するEAIntroPageインスタンスは以下のようにいくつか作成方法があるみたいです。 タイトル・文章・背景・タイトル画像を指定して作成 UIViewからの作成 Nibからの作成 GitHubからダウンロードできるサンプルプロジェクトは７種類のウォークスルーを確認できるようになっており、参考になるかと思います。 作成例 - (void)showIntroWith
![[iOS] iPhoneアプリの初回起動時に表示したい「おもてなし」ライブラリ4選 | アドカレ2013 : SP #10 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f4e8887182f27d6b3a88d5f1f2b269ee874208d/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F12%2Fadvent_calendar_open_sp_10.png)
人気のゲームアプリに見る、スマホゲームに欠かせない超基本のUIまとめ | SEKAI LAB TIMES（セカイラボタイムス）
国内だけでも毎月何十本も新作が発表されているスマホゲームアプリ。実は数々の有名タイトルを始め、各ゲームにおいて多く採用されている基本操作やUIを、3つのゲームアプリを例に紹介します。 メニュー一覧は画面下 ゲームアプリ内のホームやキャラクター選択、ガチャ、設定などの大まかなカテゴリ分けされたメニューは、画面下に1列で配置されることがほとんど。メニューをタップ操作した際に、場所が画面下部以外だと、画面を手で遮る範囲が出てきてしまいます。 また、片手操作用にメニューを画面右端もしくは左端に設定できるものもありますが、多くのアプリが画面下部に設置している上、並び順も似たような形になっているので、逆に混乱を招いてしまうこともあります。 ユーザーの慣れと、操作性の観点から見て画面下部にするのが妥当です。 キャラクターの詳細はタップして長押しで見ることができる 自分の育てたいキャラクターは、そのキャラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
