iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
【翻訳してみた】Google Design - モーションデザインは難しくない｜Iori Iwaki｜Motion designer
前置き 去年の暮れ頃、最初に翻訳をしようと思ったキッカケがこの記事でした。海外ではモーションデザインに関する記事がMediumに存在し、日本語記事が存在しないことにストレスを感じていました。著者のJonasさんに連絡を取り、翻訳の許可をいただいたことからこのnoteの翻訳を始めました。 引用元 : Medium - Google Design - Motion Design Doesn't Have to be Hard 著者 : Jonas Naimark Googleのマテリアルデザインチームで働くモーションデザイナー。 彼のTwitter,Dribbleアカウントはこちら。 https://twitter.com/jonasnaimark https://dribbble.com/jonasnaimark モーションデザインはUIの表現力を向上させ、使いやすくする手立てになります。そ
Google I/O 2018初日キャッチアップ所感 - Konifar's ZATSU
普通にぐっすり寝て朝起きてからTLと公式ブログあたりを見ながらキャッチアップした。現地のみなさんには感謝しかない :pray: 色々あったので雑に所感をまとめておきたい。間違いもあると思うので何かあれば優しく指摘してくれると嬉しい。 App Bundle developer.android.com 新しいapp publishingの仕組みで、ユーザーがダウンロードするアプリのサイズを小さくできるのがメリットっぽい。公式ページの Stop managing multiple APKs という力強いタイトルが印象的だった。 自分の所属しているKyashのアプリでは、multiple apkで5個のアプリに分割することでアプリサイズが1/3くらいになっていたのだけど、それも必要なくなるのか。「Good bye Multiple apk」というPRを作る日も近い。 このApp Bundleの目指
Android開発をする上で知っておいてほしいなと思うこと - こやまカニ大好き
現在の Android Developers の情報は非常に充実していて、Developer Guides を順に読み進んでいくだけで開発に必要な知識とGoogleが想定している(であろう)最も基本的な実装を学ぶことができる。 特にこの「基本的な実装」というものが重要で、これを知っておかないと開発者間の意思疎通がスムーズに行えなかったり、そもそも気をつけておくべき注意点を見落としがちになってしまう。 とはいえ、今の膨大な公式ドキュメントをただ読めというのは厳しいので、Android開発をする上で最低限理解しておいてほしい(と僕が思っている)事柄と、それについて知ることができるドキュメント類についてまとめてみることにする。 2018/03/25 : リリース周りについて別記事に追記した。 nein37.hatenablog.com 公式ドキュメントの重要ページ 公式ドキュメントと言った場合、
Android Design Support Libraryを使う | Recruit Tech Blog
どうもこんにちは。Google I/O 2015 帰りの 英単語サプリ 担当 田澤です。 Material Designを実現するためのAndroid Design Support Libraryが発表されました。 これまではサードパーティーのライブラリを利用するか、独自実装してMaterial Design対応をする必要がありましたが、ついに公式でサポートされるようになりました。サポートOSバージョンはAndroid 2.1 以上となっています。 そこで、本記事ではAndroid Design Support Libraryで追加されたコンポーネントと使い方を紹介します。 また、各コンポーネントに関するDesign Guidelineのリンクも用意しているのでご参照ください。 なお、ここで紹介しているコードは Github - android-SampleDesignSupportLib
Android Studio2.0: TabLayoutを使ってみよう！ - Takahiro Octopress Blog
TabHostとTabLayoutについて 前回、AndroidでTabHostを使ったアプリの作り方について見ていきましたが、本日は TabLayout を使ったアプリの作り方を見ていきたいと思います。 なぜ似たような名前のクラスがあるのかと思いますよね？ 実はTabHostはもう随分前から非推奨とされており、同様の機能を実装するために TabLayout が提供されているようなんです。 もう少し、詳しく説明すると、 『Google I/O 2014』にてMaterial Designが発表されました。 (これはGoogleが提唱するパソコンやスマートフォン向けのアプリまたはWebサイト等の新しいデザイン方式です。) そして、『Google I/O 2015』にてMaterial Designを実現するためのサポートライブラリ『 Android Design Support Librar
Design Support Library v22.2.0について Part 3 - EDIT MODE
Part 1ではTextInputLayoutとFloatingActionButtonについて、Part 2ではSnackbarとCoordinatorLayoutについて調べたことを、それぞれ書きました。 今回は、TabLayoutについて書いていきます。 TabLayoutの概要 リファレンスを確認すると、TabLayoutクラスはHorizontalScrollViewクラスを継承していました。 API Level 20まで使われていたActionBar.Tabなどとは、関連がないようです。 Tabの生成にはTabLayout.TabクラスのnewTab()メソッドを使います。 MaterialDesignにおけるTabの使い方は、デザインガイドラインで細かく指定されています。 このクラスの見た目や振る舞いは、ガイドラインに沿った形で実装されているようです。 基本的な使い方 とりあ
Androidのアーキテクチャ本をクラウドファンディングで執筆します - 共著者3人の紹介 #peaks_cc - visible true
peaks.cc Android アプリ設計パターン入門 ある日 こんなこと書きます 個人的な思想としてアーキテクチャはチームのためにあると思っています。なのでそういう感じの章を書きます。章の紹介文を引用しておきます。 アーキテクチャはチームのために存在しています。チームとは人です。すなわち人がプロダクトを正しく作るためにアーキテクチャは存在しています。人を支えないアーキテクチャは意味がありません。Androidが出た当初は、限られたリソースの中でうまく動作させるために、組み込みアプリケーションの方法論が重要でした。 時代は進み、いまやAndroid端末のスペックは一昔前のPCと遜色がありません。提供する機能は複雑化し、画面も増加し、品質の要求は上がり、開発規模が増大して関係者も増えました。今こそアーキテクチャの出番がやってきたというわけです。 本章では中長期的にチームでAndroidアプ
RxJava + Flux (+ Kotlin)によるAndroidアプリ設計 - Qiita
Introduction Androidにとってアプリ設計は永遠の課題だと思います。 Activityが独特のライフサイクルを持っているのがさらに課題を複雑化します。 設計についてはMVCやMVP、MVVM、Clean-Architecture、DDDなどが最近の主流でしょうか。 上記にあがった設計手法に関しては素晴らしい記事がいくつもあるのでとても参考になると思います。 AndroidではMVCよりMVPの方がいいかもしれない http://konifar.hatenablog.com/entry/2015/04/17/010606 [ Android ] - これからの「設計」の話をしよう https://tech.recruit-mp.co.jp/mobile/android-architecture/ AndroidオールスターズでClean Architectureについて発表し
What's New in Android Development Tools (Google I/O '17)
Android Studio 3.0 2.4 ではなく 3.0 にした理由 incremental change ではないから breaking gradle API change があるから Develop 最新の IntelliJ stable 27.1 ベース Kotlin サポート Create Android Project ウィザードに Include Kotlin support チェックボックスが追加 既存のプロジェクトに Kotlin ファイルを直接作成すると自動で project の dependencies が更新 [Code] - [Convert Java File to Kotlin File] で既存の Java ファイルを Kotlin に変換 show Kotlin Bytecode で Kotlin Bytecode Window を起動し、上部の De
初めてAndroidアプリをデザインするときの基本の「き」 | keisuke tsukayoshi
Androidアプリのデザインを初めてするときに知っておきたいようなtipsを中心にまとめてみました。ぼくもあんまりAndroidアプリのデザインには慣れてはいないのですが、最近本格的にとりかかる機会があり、わからないながらもあれこれ調べてメモしていたものをまとめました。 これから初めてAndroidアプリをデザインするデザイナーさんが安心して作業にとりかかれるようになればいいなぁ。 デザインを始める前に知っておきたいこと まずAndroidのアプリデザインをする上でハードウェア（ディスプレイ）について理解する必要があります。単にディスプレイといってもAndroidには画面密度が複数あり、見かけ上同じサイズに見えても密度が違っていることがあります。これはiPhoneでいうところのRetinaと非Retinaみたいな感じ。 ここを理解できるかが鬼門ですが、考え方さえわかってしまえば簡単なので
Android Icon Design Training
はじめに ランチャーアイコンはアプリを識別する顔であり、マーケットにおいて最も重要で最も目立つ宣伝です。 そのため、アプリのアイコンにこだわる事はとても重要です。 しかし、同時にプログラマーに取っては苦手意識や他人事になりやすい部分でもあり、素晴らしい機能を持ちながら投げやりなアイコンが付いたアプリも少なく有りません。 そこで非デザイナー向けに、絵心が無くてもハイクオリティなデザインは可能である事をAndroidのランチャーアイコン作りを通じて体感し、デザインを身近に感じてもらうとともにデザイナーと話をするための基礎を築くことを目的としたイベントAndroid Icon Design Trainingを4/6にAIP Cafeにて開催しました。 そのときの資料をアップしてほしいというリクエストがあったため、前半部分を中心に説明を追記しながら公開します。 後半部分はInkScapeやホワイト
#ABC2012S おつかれさまでした！ - ReDo
僕本人の勉強にはなりましたが、出来を自己採点すると デザインセッション → 50% LT → 70% ということで反省する点が多かったなと思っています。 ○デザインセッション Android開発者とデザイナーの効率的な連携に利く話 そもそも早口すぎたこと、それと喋りながらまずいなぁ、とか思ってたんですが開発者じゃないと理解できそうもないフレーズがふんだんに入っていて資料が微妙でした。こちらはまとめなおして別資料にしたいなとか思うだけ思ってます。 それと、きっと私と一緒に仕事をしたことがある人は「ウソツキ」とか思ったはずですが、表現をあえて理想論側に倒しています。 実際僕自信にうまく行った体験はほとんどありませんし、いつも満足のいかないプロダクトを「完璧です」って言って納品しています。 きっとウソでも言ってたら真実になるかもしれないじゃないですか、言霊とか：） @lycheeと一緒にやれて楽
［1］皆に愛されるアプリを作るために
アプリのデザインは単に見栄えがいいだけでなく、初めてのユーザーでも分かりやすい必要があります。Androidでは複数のアプリが協調して動作することがあるため、プラットフォームの慣習に従い一貫性のあるユーザーインタフェースを持つことも大切です。 Googleは2012年1月、使いやすく一貫したデザインを持つAndroidアプリの開発を支援するサイト「Android Design」（写真）を公開しました。Android Designでは、快適で効率よく使いやすく、あらゆる環境で美しいデザインを持ったアプリを作るための一般論からAndroid特有の注意点まで概要が解説されています。また、Android 4.0でのデザインの大きな変更についても紹介しています。 この連載では、Android Designの全体像と、重要なポイントを解説していきます。Android Designの全文についてはオリジ
Modern Syntax
なんかの賞も受賞したことがあるバルーン・アーチストであるセルゲイ・シェフチェンコさんによるバルーン（風船）を使ったアートです。彫刻ではないのですが、見た目がそんな感じになっているということでバルーン彫刻と呼ばれているようです。 路上でパフォーマンスしているバルーン・アーチストとは明らかに違いますよねえ。
AndroidのLayoutについて | TechBooster
Androidアプリケーションを始めて作成するときに、一番つまづきがちになるLayoutの構成の仕方。 本エントリでは、下記要素についての紹介を踏まえて、思い通りの位置にViewを構成する方法を紹介します。 今回紹介する要素 android:layout_weight android:gravity android:layout_gravity android:layout_margin android:padding 今回のサンプルではこれらの要素を使用して、以下画面を作成します。 また、今回の記事の作成にあたり、以下サイトを参考にさせていただきました。 ありがとうございました。 zaki日記 様 http://zaki.tdiary.net/20110702.html#p01 プログラミング雑記 様 http://d.hatena.ne.jp/Korsakov/20100826/128
第2回 基本を押さえながら、まずは要素だけでXMLコーディング
デザイナーがこだわったAndroidアプリのデザインを実現するXMLコーディングを解説する連載の第2回。前回は、デザイナーが作りたいと思うアプリと、こだわりたいポイントについて挙げていきました。 今回から実際のコーディングに入っていきますが、その前に、作るアプリについてしっかりと考えておきましょう。前回でも述べたとおり、ただのインスピレーションのデザインではなくて、ユーザーが使いやすいインタフェースを設計する必要があるからです。 作りたいアプリを決める 前回でも紹介しましたが、今回実装するのは、「CAT PATH」と題する仮想アプリです。 XMLコーディングのサンプルですのでシステム的な仕様はありませんが、画面を作っていく上で、ユーザーのユースケースなどはきちんと考えてインタフェースを設計する必要がありますので、大まかな内容だけ決めておきます。 ＜アプリの概要＞ 自分のアカウントを持ち、自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Native app animations in Android Studio using Sketch, After Effects and Lottie from Airbnb.
Components – Material Design 3
検索結果: ReDo