アップルが、本日13日にリリースした「iOS 10.2」にアップデートすると、スクリーンショット撮影時に音が鳴らず無音で撮影できるようになりました。 iOS 10.2、アップデートでスクリーンショットを無音で撮影可能に これまでのiOSでは、スクリーンショットの撮影時にカメラ撮影時と同じシャッター音が鳴る仕様でした。この仕様に対し、iOSのリリース当初から画面を撮影しているだけなのにカメラ撮影時と同じ音が鳴るのはおかしいとの声が多くありましたが、ついに「iOS 10.2」で音を鳴らさずに撮影可能になりました。 スクリーンショットを無音で撮影するにはiPhoneの左側面に配置されたマナースイッチ/サイレントスイッチをオンにするだけです。 なお、マナーモードを設定していない場合はボリュームに従ってシャッター音が変化する仕様に変更されています。また、盗撮防止のため、カメラ起動時にスクリーンショッ
デザイナーの たなか ゆきこ です。 もう暑いな。夏なので、とうもろこしご飯などを朝から作成していましたが、WWDCはもっとアツイようです。 デザイナー的には、iOS Human Interface Guidelines Beta版 を眺めております。 新内容ほか、中全部読んではいないのですが、iOS Technologiesなど元からある項目が細分化され、それぞれラベルが付け直しされている感じです。中もしっかりと読めば記述が変わっているかもしれません。とりあえず気になったとこだけピックアップしてみました。 本記事は Apple からベータ版として公開されているドキュメントを情報源としています。 そのため、正式版と異なる情報になる可能性があります。ご留意の上、お読みください。 デザインの原則 この辺は変わらないのね。まだわからないけれど「Clarity、Deference、Depth」 i
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が
こんにちは、エンジニアの遠藤です。 最近iQONアプリのホーム画面のデザインをリニューアルしました。 タブを使ったデザインにすることで、iQON内にある多くのコンテンツが見やすくなりました。 今回はこのタブ機能の実装についてざっくりと紹介しようと思います。 実装したものはライブラリーとしてGitHubに公開しているので、ぜひ使ってみてください！ github.com 機能 今回実装した機能は下記の3つです 1. スワイプでページを無限に表示切り替え 2. タブは無限スクロール 3. タブをタップしたらタップした項目のページを表示 実装について 1. スワイプでページを無限に表示切り替え スワイプしたらページの表示を切り替えたいのでUIPageViewControllerを継承したTabPageViewControllerというクラスを実装しました。 今回は無限にページの表示切り替えをしたい
マージンを制するものがスマートフォンデザインを制す！〜iPhone6/6Plusの登場で、マージンがどう変化したのか〜 デザイナーの亀谷です。 突然ですが、スマートフォンのデザインで、大きく差が出るポイントはどこだと思いますか。 もちろん意見は様々あると思いますが、私が考える最も大きなポイントは「マージンの取り方」です。 そこで今回はその「マージン」をテーマに、iPhone5とiPhone6/6Plusのマージンの変化に関してお話したいと思います。 マージンを制するために重要なもの 美しいマージンの取り方には知識と経験が非常に重要です。 水野学氏の著書「センスは知識からはじまる」にもあるように、美しいマージンの取り方においても知識が非常に重要です。 私は、具体的には以下の3つの目線から日々インプットを行っています。 常日頃から可能な限り多くのサービスに触れることで、感覚を養う。 美しいと感
Appleが開発者向けに公開している「iOS Human Interface Guidelines」には「From Concept to Product」という章があり、アプリを企画して実装していく手順を簡単に説明しています。今回はその内容と各項目ごとに参考になりそうな書籍やサービスを紹介します。 「From Concept to Product」は以下の様な内容が書かれています。 Define Your App List All the Features You Think Users Might Like Determine Who Your Users Are Filter the Feature List Through the Audience Definition Don’t Stop There Tailor Customization to the Task Prototy
※ iOS6以降で俯瞰して必要画像を見れるものを作りました 昨晩のApple Special EventでiPhone6やらApple Watchやらでましたね！ 私は朝から@3xとかiPhone6 plusの独自UIやら独自ランドスケープビューでkillされまくってます。 あぁ…発売前から気が重い。。。 というわけで “UIデザイナー向けのツール”は一旦置いといて 気が重い内容を調べるべくUIデザイナーが知りたい内容をまとめました。 (iOS8はGM版もでていないため、あくまで2014.09/10時点の情報です) みんなで鬱まろうw とりあえず全iOS端末をまとめてみてみる iPhone, iPod touch (アスペクト比 16:9) iPhone6 plus iPhone6 iPhone5(5s,5c), iPodtouch5 ディスプレイサイズ 5.5" 4.7" 4" 実ピクセ
ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての
アプリをデザインするためには、まず全体の構成設計が必須。しかしすべてのページやコンテンツ分を一から作り上げるのはなかなか大変だと思います。今回はそんなときに活躍してくれる、iPhoneでのAPPデザイン設計に最適なワイヤーフレーム集「Basement iOS」を紹介したいと思います。 さまざまな種類のページ設計ワイヤーフレームがまとめられており、作りたいアプリのジャンル別に使い分けることができます。 詳しくは以下 全部で110種の画面が用意されており、Social、Ecommerce、Base elements、Markups & Gesturesといったテーマの中にさらにカテゴリ分けがされ、ほしいデザインイメージに合わせて組み合わせていけば、設計を容易に行うことができます。シンプルで見やすい、そのままデザインを当てはめていけばOKなクオリティが保たれているのも魅力。今まで手描きや、一から
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
iOSアプリを作成し、iTunes Connectで申請する際にiOSデバイスに合わせた多数のスクリーンショットが必要ですが、「Sketch to App Store」はこのスクリーンショットを数分で作成してくれるSketch 3用ワークフローです。詳細は以下から。 このワークフローはClusterの開発を行っているCluster Labsが作成したもので、GitHubで公開されておりSketch 3（v3.1以上）を購入しているユーザーなら誰でも使うことができます。 Brenden Mulligan@mulligan I’ll be posting a @sketchapp template to quickly create @AppStore assets for all iPhones in the morning. Sneak peek: http://t.co/YM46CVmN
Mac用のiOSアプリのプロトタイプ作成ツールの決定版「Form」がGoogleパワーで無料解放！！ 2014 11/20 Mac用のiOSアプリのプロトタイプ作成ツール「Form」(以前の価格7800円)が無料化されました(iDownloadBlog、9to5Google)。ドラッグ＆ドロップで素早くアプリのプロトタイプを作成することができるツールで、今のところiOSアプリの作成に対応しています We're excited to announce that we're joining Google to continue working on Form! :) http://t.co/JvsloB5ba1 — RelativeWave (@RelativeWave) 2014, 11月 19 公式サイトによると開発チームがGoogleに買収され、その影響で無料化されたそうなので、期間限定
Best app icon resizer for mobile developers. Optimized for both for Xcode and Android Studio.
September 28, 2015 in design iOS Design Guidelines About these guidelines These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom controls. Sometimes it makes sense to break the rules. The purpose of this document is to guide you, not to provide solutions for complex and unique design problems. Resolutions and Display Specificatio
2014年4月20日、FacebookがF8カンファレンスでApp Linksというアプリ間連携のための新しい仕組みを発表しました。App Linksではこの仕組みをオープンにし、全ての開発者が利用できることを目標としています。 FacebookアプリからTumblrの記事を開こうとしたらアクションシートに「Tumblrで開く」があります。これがApp Linksで実装できます。 簡単な機能紹介はニュースサイトから引用します。 アプリ開発者は、アプリのコンテンツに数行のコードを追加することでApp Linkメタデータをパブリッシュできる。このコンテンツにリンクするアプリはメタデータを利用してアプリに“deep-link”できるようになる。例えば映画紹介アプリ内に映画のチケット販売アプリへのリンクをApp Linksで入れておけば、ユーザーは映画紹介アプリからチケット販売アプリを直接開いてチ
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
一部で話題になっていたGithubにある「MobileChromeApps / mobile-chrome-apps」ですが、先日遂に正式にGoogleからアナウンスがありました。デスクトップPC向けに開発されたChrome Appを元にして、このツールを使ってモバイル向けアプリ(Android/iOS)を自動的に作成することが可能です。HTML5とJavaScript、CSSを使って、Android/iOSアプリを開発することができるだけでなく、その中で各種Chrome APIを使うことができます。Cordovaベースなので、Cordovaそのものが提供する機能も利用することができるでしょう。 今日は、このツールの使い方を説明した文書を日本語訳してみました。以下の手順をやっていくことで、モバイル向けChrome Appを作ることを試すことができます。ぜひ体験してみてください！ Step
ペーパープロトタイピング講座シリーズ。第4回は清書の仕方。絵心なんて必要ない、エンジニアリング的アプローチからのデザインスケッチの描き方講座。チーム共有やプレゼン用に、スピーディーで効率の良い清書のしかたを紹介する。（第3回は準備に時間がかかりすぎたので、第4回を先に掲載） シャーペンでアイデアを練る サインペン3種類で太さに差をつける マーカー3種類で濃淡をつける ポップアップや状態変化をポストイットで作る シャーペンでアイデアを練る 最初の段階では高速に試行錯誤するのが重要。 紙に関しては、いつもどおりペーパー・プロトタイピング・パッドを使用する。 シャーペンで描いては消してを繰り返し、あらゆる可能性を広範囲に試していく。とにかく手戻りを恐れずにガンガン描く。この段階では自分さえ理解できればよい。ある程度アイデアが固まってきたら「手早く」清書する。清書はチーム共有やテスト、プレゼンのた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
