雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
開発者は必見? GoogleがAndroidアプリのUXアンチパターン動画を公開 - すまほん!!
数多のアプリが氾濫する Android アプリですが、過去に開発の経験がある方・現在進行形で開発中の方……数多くいらっしゃるかと思います。 そんな方に是非、ご覧頂きたいのが Google が Youtube にて公開している ANDROID DESING in ACTION UX アンチパターンです。ご存じの通りアンチパターンとは「べからず集」のことで「これは駄目だからこうして欲しい」といったことがわかりやすく紹介されています。 動画の内容としては、ダイアログの表示方法、ボタンの位置、タッチフィードバック……etc 開発者の方はそのまま知識を吸収することができますし、開発者ではない方も「へー」と思えること間違いなしです。
ヒューマンインタフェースデザインをまとめた - CHROMA
追記 読んで欲しい所をマーキングした。 はじめに Appleのヒューマンインタフェースデザイン: アップル ヒューマンインタフェースガイドライン を参考に、自分の解釈をまとめてみました。 ガイドラインとして使用できるように文章は簡潔にしたつもりで、デザイナー以外の人が使うことも想定して1番はじめに「0. 基本デザイン原則」を加えてみたけど、Appleのヒューマンインターフェイスデザイン内で被ってるところがある。 目次 基本デザイン原則を守る 1-1. 近接 1-2. 整列 1-3. コントラスト 1-4. 反復 ヒューマンインターフェースデザイン原則 1-1. 隠喩を用いて境界線を減らす 1-2. ユーザーの思い描くモデルを反映させる 1-3. 明示的な動作と暗黙の動作を分けて使用する 1-4. 選択肢を減らさない 1-5. 反応に対して伝達を行う 1-6. 一貫性を保つ 1-7. 眼に見
Google の UX プロセス
今では小さなチームによるアジャイルソフトウェア開発はそれほど珍しくはないですが、Google は随分前からそれを実践している企業のひとつです。よりよいものを作ることであれば、時には今まで辿って来た道も変えてしまうこともあるダイナミックな環境でどのようなプロセスが存在するのでしょうか。David Sherwin さんのブログで、Google のユーザーインターフェイスデザイナーである Jake Knapp さんのセッションに関するレポートが掲載されています。 Knapp さんのセッション内で、ダイナミックに変わる環境化の中で、よりよいユーザー体験をもったサイトを構築するための8の対策を紹介したそうです（細かく別けると全部で17）。以下に簡単にですが紹介しておきます。 確固たるプロジェクトの基盤をもつ チームが小さい分、フォーカスしなければならない プロジェクトのもつ影響力は？ 他のプロジェク
Google のデザインガイドライン10項目
以前 Google の UX プロセスというエントリーで、Google が考えるユーザー体験を向上するための対策を紹介しました。Google のような数多くのサービスを運営している大企業でなかったとしても、参考になる項目が幾つかありましたが、先日 Google Operating System で Google’s Design Guidelines という記事が掲載されました。Google アプリケーションのユーザー体験を担当する Jon Wiley 氏が WritersUS Conference で語った Google のデザインガイドライン10項目がリストされています。 使える: 人々の生活、仕事、夢にフォーカスする 早い: ミリ秒でも早くする シンプル: 簡略化することの重要性 魅力的: 初心者にも上級者も引きつける何かをつくる 先進的: 新しいものを生み出すことに意欲的になる ユ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iXキャリアコンパス
勘違いだらけのAndroid UIデザイン
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!
Loading