iPhone アプリでの Haptic Feedback による効果的なマイクロインタラクション｜Keisuke Tada
iPhone には Haptic Feedback という振動によるフィードバックの仕組みがあり、それを自分の開発しているアプリに組み込むことが可能です。しかし、いざ組み込もうと思うと、使いどころがなかなか悩ましいといったことがあると思います。 この悩みを解決できるように、Haptic Feedback の考え方や実際の事例をもとに、どういう時に Haptic Feedback を用いると効果的かということを iOSDC Japan 2018 で発表しました。 発表で用いたスライドは下記ですが、メインの事例紹介がすべて動画だったのでこの記事内ですべて紹介します。 Haptic Feedback とは 今回取り上げるのは、iPhone 6s 以降の端末に搭載の Taptic Engine を用いた触覚フィードバックについての話です。 例えば App Store でアプリをインストールする際に
Apps by Apple
Connect, create, and get things done with powerful and intuitive apps designed to be accessible, private, and secure. Journal Introducing Journal, a new app that helps you reflect on everyday moments and life’s special events. On-device machine learning provides private, personalized suggestions inspired by your photos, videos, workouts, and even the places you go. Lock Journal and no one can acce
モバイルアプリ日本語UIキットの公開｜Japan Digital Design, Inc.
なぜ日本語UIキットを公開するのか？ デザインチームの研究活動のひとつとして、体験設計やUIデザインの品質を高めたり、デザインチーム内の協働を円滑に行うために、汎用的なデザインテンプレートやデザインアセットを作成し、体験デザインプロセスの仕組み化と共有を行っています。 UIデザインにおいても、Figma Communityをはじめとした様々な媒体でUIキットが共有・配布されており、UIキットを参考にデザインワークを行うというケースが増えてきているかと思います。 一方でUIキットの多くが欧文フォントで構成されているため、日本語フォントに変換する必要があり、場合によってはサイズやレイアウトを微調整しなくてはなりませんでした。 このUIキットも、単にAppleやGoogleのUIコンポーネントを日本語化しているだけと言えばそうかもしれませんが、これを活用することでデザイナーやプロダクト開発に携わ
AndroidとiOSにおけるUIの違いを知ろう!! | ブログ | SINAP - 株式会社シナップ
こんにちは。デザイナーの飯山です。 突然ですが、皆さんはスポーツはお好きでしょうか？私は長年野球を続けているのですが、互いに高め合い、助け合いながら同じ目的へ突き進むチームスポーツという要素が魅力のひとつだったりします。 さて、SINAPにもチームがあります。ディレクター・デザイナー・エンジニアのチームに所属する社内メンバーが、定期的にチーム発表会を行っています。各チーム毎回テーマを熟考し、趣向を凝らした発表で社内への知見共有を図っています。 今回ご紹介するのは先日行われたデザイナーチームの発表で、テーマは「AndroidとiOSにおけるUIの違いを知ろう!!」です。 今回のテーマを設定した理由は、社内でもiOSユーザー・Andoridユーザー・その両方などを使い分けている者もいて、日常で触れる機会が少ないOSのUIについても知見を共有しようという狙いです。 それでは、発表の内容をピックア
デザイナー⇔エンジニアでやりとりする時のこんな時どうする？チェックシート #デザイン｜かっくん / iOS Developer
デザイナー⇔エンジニアでデザインデータのやりとりをする時に困ったことはないでしょうか？僕は過去に困ったことがありDXELというイベントでこんなSketch(Zeplin)はイヤだ #dxelと言う発表をしたこともありました。あれから1年以上の時が経ちましたが、今でもまだまだ都度確認しないといけないことが発生します。その時々で聞いたり確認するのも大変なので、ある程度忖度をして実装することもありますが、中にはデザイナーが想定していなかった結果になることもあります。逆に実装を進める中でUIが崩れたり、見辛いUIになってしまう可能性もあります。なるべくプロダクトがユーザーの手元に届く前にそういった問題は潰しておきたいですよね。本記事ではUIを固める上で擦り合わせが必要だろうと思う項目を挙げてみました。（他にも考慮するべきポイントがあれば教えていただければ追記していきます） ☑️画面サイズが小さい端
デザイナーのためのiOS実装入門｜田畑浩平 | Flutter Engineer
先日、友人のデザイナーさん達とランチした際に、1人のデザイナーさん(Webデザインがメイン、軽いコーディングまでなら経験あり)が ・iOSアプリデザインやUXデザインにも興味ある ・より良いデザインやユーザー体験を実現できるようになるために アプリ開発もしてみたい(特にデザイン上の制約を知るために) と言っており、同じニーズを持つデザイナーさんやディレクターの方も多そうだったので、この記事を書いてみました。 対象読者 ・iOSアプリのUI面で、できる/できるけどしんどい/できないことを知りたい デザイナー、ディレクター 解説すること ・アプリで画面が表示されるまでの仕組み ・アプリの画面を実装する上でよく使うコンポーネント(パーツ) ・気をつけるべきポイント 実際の実装については、Qiitaなどでいくらでも解説されていると思いますので、イメージを掴んでもらうための概念的な説明をメインにして
iOS ヒューマンインターフェースの原則 - Qiita
はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が決められることがありますが、そういうことではないのです。いや実際かっこいいかわいいだとかの感覚は重要なのですが、見た目が何となくそれっぽいだけでは優れた UI とは言えません。磨りガラスでも何でも必ずそこには意味があります。だからこそ HIG に書かれた思想
使いやすくて、分かりやすい！無料UIデザイン素材40個まとめ 2017年10月度
日頃からさまざまなウェブサイトを制作しているデザイナーにとって、新しいクリエイティブなデザインアイデアを考えるのもワークフローのひとつ。 今回は、カスタマイズもしやすい無料のUIコンポーネントをまとめてご紹介します。Photoshopだけでなく、IllustratorやSketch、Adobe XDなど幅広いデザインアプリに対応でき、ウェブサイト制作の参考にしたい素材を集めています。また、どの素材も文字テキストや配色、サイズの変更などを自由に行うことができ、iOS 11など最新デザインにもばっちり対応しています。 作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ Photoshopで編集ラクラク！Webサイト用の美しい無料PSDテンプレート45個まとめ 使いやすくて、分かりやすい無料UIコンポーネント素材まとめ HomeMade iOS App UI モバイル向
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材
Thanks - Every Interaction
Free iOS 10 GUI for iPhone & iPad
Apple Design Resources