アプリでは波紋のスタイルとして境界線があるものとないもの両方を使いました。明るい波紋、暗い波紋)。メソッドを(互換性のための実装を含め)利用しました。我々開発陣も気に入っています。開発者の皆様のインスピレーションとなることを願っています。コードをコピーして使っていただくのも歓迎です。コードはすべて公開されています。以上のようなデザインがどのように実装されているか、ぜひご覧ください。向けアプリを作る方法をご紹介しました。皆様のお役に立つことを願っています。アプリに関する情報をお伝えしていきます。ユーザーに対して良い体験を提供するための開発手法をさらにご紹介できればと思います。app」という記事を元に、翻訳・作成しています。詳しくは元記事をご覧ください。毎年カンファレンス用のアプリを公開しています。カンファレンスの参加者や自宅からのリモート参加者が自分のスケジュールを管理したり講演を閲覧したりするための手引きとしての役割です。つの目的の方が重要かもしれません。デモとしての役割です。コードを公開したことをアナウンスしました。カンファレンスの間ご利用いただいた様々な機能やデザインがどのように実現されているかご覧頂くことができます。今回の投稿では、今年のアプリがどのような意図のもとデザインされているかご紹介します。デザインという新しいアプローチを採用しました。機能も利用することで、合理的で一貫性があり、わかりやすく美しいものに仕上げました。このアプリをデザインしていく上での様々な判断とその成果について見ていきましょう。デザインでは、アプリの構造をユーザーに伝えるにあたって表面と影が重要な役割を担います。マテリアルデザインの仕様をご覧いただくと、いつどこで影が表示されるべきか判断するためのレイアウト指針が示されています。いくつか問題がありました。枚あることを印象付けています。バーの紙で、もう一方はタブとコンテンツの紙です。問題は、下になっている方の紙が複雑すぎることです。コンテンツの紙を表現する「インク」はもっとシンプルであるべきです。この段階ではインクがあまりに多くのことをしすぎていて、視覚的な煩雑さが出てしまっています。層が重なるというのは、それはそれで煩わしいでしょう。第二段階と最終段階では、アプリの機能部とコンテンツ部を明確に分離することで、インクがテキスト、アイコン、強調線などの描画に集中できています。他にも「表面」の概念が重要な役割を果たしている画面があります。カラーから画像に徐々に変わっていくようになっていました。画像は他のコンテンツの半分のスピードで動き、パララックス効果を生み出しています。デザインにおける物理法則が曲げられすぎているように感じられました。紙にテキストが書かれているにも関わらず、その透明度がアニメーションに従って変化してしまうのです。日のアップデートでは新しいアプローチを導入しました。タイトルのテキストを表示する部分を小さな紙として分離しました。この紙の色と透明度は変化しません。スクロールする前は本文の紙とくっついて一体となっています。Button)が浮かび上がり、本文の紙が下をスクロールしていきます。デザインの世界での物理法則に準じた挙動が得られました。デザインの重要な原則は、インターフェイスが「大胆で視覚的で意図的」であり、印刷品質のデザインで作られた基本的な要素によって視覚的な表現を支えることです。