こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

興味が湧いたので調べてみました。 デフォルトの場合、カスタムキーボードのサイズはシステムキーボードと等しくなります。 システムキーボードのサイズはというと、画面サイズと端末の向きによって決定されます。 ※単位はピクセルではなくポイントです 10/3 iPhone6,6Plusの互換モード、拡大モードを追記しました。 参考にさせていただいたページを紹介しておきます。 http://qiita.com/tomohisaota/items/f8857d01f328e34fb551 10/6 "iPhone6,6Plusに最適化されていないアプリについて"を追記しました。 Portrait デバイス 画面サイズ キーボードサイズ

スマホやWebなどのUXデザイナーのためのプロフェッショナルツールを数多くリリースしている「UX Pin」の中の人から、「iOS 8のUIキットをリリースしたよ」と連絡を受けたのでご紹介。 UI/UXを研究している彼らならではの、高品質な無料素材です。

SmartNewsやPintrestを見ているとスクロールに応じてツールバー（もしくはタブ）を表示したりしなかったりしている。 これは、UIWebViewの下を見ようとフリックしていく際にはツールバーを消し、逆に上を見ようとフリックした際にはツールバーを表示していて、iPhoneの狭い画面でもなるべく広く使うためのテクニックになっている。 ↑このツールバーは常に表示する必要がないので出したり出さなかったり 仕様をまとめる 画面の下を見ようとする動作でツールバー消す 上に向けてフリック スクロール後のy軸オフセット値がスクロール前より増える =>スクロールビューのdelegateでオフセット値を計算 => scrollViewWillBeginDragging:でスクロールし始めを取得 => scrollViewDidScroll:でスクロール後に増えてたら消す 画面の上に戻ろうとする動作で

以前Facebookのアプリケーションで採用されたことを皮切りに、ここ数年で多くのアプリケーションで使われることになったドロワーというナビゲーションについての考察です。 最近ネット上でも話題になっており、安易なナビゲーションへの採用が見直されているされているインターフェイスでもあります。しかしドロワーの必要性について疑うことは良いのですが、表面的にただドロワーを使ってはいけないという情報に左右されていては、安易なドロワーはなくなったとしても、次に安易なタブなどが量産されるということが予測できます。 UIに関わるデザイナーとしては、なぜドロワーが適していないのかということと同時に、どのような状況下であればドロワーが適しているのかは考え続ける必要があるでしょう。 ドロワーの歴史 まず名前の由来としては、たしか2013年にAndroidでナビゲーションドロワーのためのフレームワークが公開されたこ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.

iOS 7.1がリリースされたので、iOS 7.0.xとiOS 7.1の機能／UIを比較してみました。詳細は以下から。 ボタンの形 iOS 7.1から[設定] → [一般] → [アクセシビリティ]でボタンの形を表示できるオプションが追加されています。

2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic

どの機能へのアクセスかに合わせて、以下のKey名を 〜-Info.plist に追加。 (2016/10/01 追加) 現在の Xcode でプロジェクトを新規作成した場合には Info.plist というファイル名で作成されます。 (追加ここまで) 値に指定した文字列が確認のアラートの文章に差し込まれる。 機能 Key名 対応OSバージョン Bluetooth NSBluetoothPeripheralUsageDescription iOS 6.0〜 カレンダー NSCalendarsUsageDescription iOS 6.0〜 カメラ NSCameraUsageDescription iOS 7.0〜 アドレス帳 NSContactsUsageDescription iOS 6.0〜 位置情報 NSLocationUsageDescription iOS 6.0〜 マイク NS

Introducing Sessions: the latest product from Waldo!

先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は

コンピューターのOS（基本ソフト）が第3次戦争ともいえる状況に突入した。きっかけはアップルが発表したiPhone（アイフォーン）とiPad（アイパッド）。スマートフォンやタブレット（多機能携帯端末）といった、タッチを前提とする新しいコンピューターの普及に合わせ、直感的かつ集中できる究極の操作性を目指し、各社がしのぎを削っている。アップルはiPhone・iPad向けの新OS「iOS7」で、ユーザ

フラットデザインですね。 iOS7のUIの画面キャプチャーを見ながら、Androidが前からやっていたよね、とかWindows8もその流れだよね。といった話題に花を咲かせたここ数日でした。 やっぱりシンプルを極めるとこうなるのかしらね。もっこりしたUIとか影とか立体感がシンプルじゃないよね。 的な話には「画面キャプチャーだけでいろいろ言っている」という違和感を超え、何かしっくりこない気分にさせられていたものです。 そんなときわたしが思い起こしたのは、桂三枝（現：六代 桂文枝）のことでした。 桂三枝といえば「いらっしゃ〜い」です。 「いらっしゃ〜い」 字面だけみると、ただの挨拶というか、だからどうしたのか。と、疑問さえ湧いてくる。 だがしかし、この言葉が三枝から繰り出された瞬間、人は笑うのです。 たぶん、三枝といらっしゃ〜いの歴史を知らない子供でも、笑うでしょう。 そして三枝以外の他のだれか

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert