Lottie
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
アプリ制作でプロトタイピングを導入する前に知っておきたいこと | UXデザイン会社Standardのブログ
2014.10.29 / Prototyping, UI アプリ制作でプロトタイピングを導入する前に知っておきたいこと Ryo Yoshitake Form、Launch、Mitya、Origami、Pixate、Prott、Weld… これらが何であるか、みなさまはご存知でしょうか。 実は上に挙げたのは、ここ1年間で世に出たモバイルアプリ・Webページ用のプロトタイピングツール / サービスの名称です（まだローンチしていないものも含めればもっとあります）。 ここ2年ほどで、アプリを中心としたプロトタイピング市場は急激に拡大しており、すでに知られているメジャーなものも含めればその数は優に30を超えます。 それゆえに、プロトタイピングに興味を持ち始め、これから使ってみたいと考えている方の多くは、どのツールを使えばよいか迷っているのではないでしょうか。 しかし、プロトタイピングを行う上ではツー
デジタル時代の横書き明朝体「TP明朝」 「アルドノア・ゼロ」が採用、ディスプレイにも文学的なたたずまいを
「明朝体をもう一度日常に」――Webサイトやデジタルデバイスの普及で見かける機会が減っている明朝体。今の時代に適した新たなスタンダードを目指し、「AXIS Font」を手がけるタイププロジェクトが開発したのが横組みに特化した「TP明朝」だ。なぜ今、あえて明朝体なのか。生みの親の鈴木功社長に聞いた。 明朝体とゴシック体、逆転する存在感 明朝体は、毛筆の楷書体が様式化された書体で、ゴシック体と並ぶ基本スタイルの1つ。基本的な地の文の書体として広く使われてきたが、縦の線が太く横の線が細い、縦書きの視線運びを意識した形式であることから、デジタル化の進展とともに利用シーンが減っている。Webの日本語表示はゴシック系がほとんどだ。 鈴木社長は「以前はカジュアルなゴシック体が脇役的な使われ方をしていたのに、現在は逆転している印象。スマホやPCが基本の若い人たちにとっては、もはや見慣れないフォントになって
SpinKit
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
UIアイコンの最適化 — 認識速度の向上をめざして | architexture.jp アーキテクスチャ — 情報をデザインする可能性の探求
著者：アラ・コルマトヴァ（Alla Kholmatova） 翻訳者：浅野 紀予 インターフェース上のアイコンを、ただの装飾要素ではなく、その価値を高める要素にするのはどんなポイントでしょうか？ 直感的であること、美的価値があること、記憶しやすいこと、それとも文化の違いを超えて知覚できること？ 効果的なアイコンはそれらの特徴をいくつも持ちあわせていますが、私はあるひとつの尺度に注目したいと思います — それは認識速度、つまりそのアイコンをどれくらいの速さで発見し識別できるか、という尺度です。 単純な暇つぶしアプリなら、認識速度の違いは大した問題ではなく、体験全体を揺るがすほどの影響を与えはしないかもしれません。 でも、複雑なトレーディングアプリでは事情が異なるでしょう。その場合、アイコン表現に求められる要件は、一段とスピード優先の傾向を強めます。個々の要素の処理時間が、インターフェース全体
『デザイナーがアニメーションを作成するメリット』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。「不良魂～全国制覇～」というソーシャルゲームでデザイナーをしております、岡田(@akoookday)と申します。今回はデザイナーがアニメーションを作成する、メリット・デメリットについてご紹介したいと思います。 （TFC制作の流れについて佐藤圭明さんの記事に詳しく記載されていますので、そちらもご覧ください。） この機能によりＪSの知識が浅くとも、実務でのアニメーションの大部分をデザイナーが作成できるようになりました。ギャングソウルが他の内製のタイトルと大きく異なる点もこの部分です。 デザイナーがアニメーションを作成するメリット1. 素材に
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
Google vs Apple vs Microsoft ～ ひと目でわかるモバイルOS戦争の構図：In the looop：オルタナティブ・ブログ
今朝，面白いニュースが入ってきた。Nexus OneでGoogleと深い関係を持つHTCが，やはりGoogleの協力を得てAppleタブレット対抗製品を開発しているとの内容だ。報じたのはGIZMODEやSiliconAlleyInsiderだが，ニュースソースとなっているのはオーストラリア発ウェブ記事だ。 ・ HTC To Launch Apple iSlate Competitor (SMART HOUSE, 2009/12/31) この記事の信憑性は不明だが，興味深いのは Androidではなく Chrome OSでタブレット開発をすすめているという点だ。 ■ GoogleとApple，タブレット開発に見る設計思想の違い Googleは現時点ではAndroidとChrome OSをクールに切り分けている。公式ブログでの見解は次の通りだ。 Google Chrome OS は、Andro
nobilog2: 以前からあった機能を「特別」にするiPhoneマジック
歯医者での待ち時間、Twitter経由で知り合ったplanetofgoriさんのブログに 「iPhoneは宣伝の仕方が巧みである」というおもしろい記事がある。 記事の中で、planetofgoriさんは、 ・最新のiPhone 3GSの電子コンパスは、日本の携帯ではとっくの昔に搭載している ことなどに触れており、iPhoneは宣伝の仕方がうまいと書かれている。 実際にiPhone 3GSが電子コンパスを搭載するはるか前に、京セラのau携帯は電子コンパスを内蔵して、EZNaviwalk（Navitimeの中でも最高峰のau専用版）との素晴らしいインテグレーションを果たしていた。 さらにiPhone 3GがGPSを搭載するはるか前から、日本の携帯電話ではGPSの搭載が当たり前になっていた。 ちなみにアップルは、何もしないでもiPhoneが話題になることに任せてか、 iPhoneの宣伝にはそれほ
ソニーCSLの考える「21世紀の社会と科学・技術」～サイボーグ化する地球、オープンファーマなど
ソニー株式会社代表執行役社長兼エレクトロニクスCEOの中鉢良治氏は、「科学と技術と、教育」と題し、自身の大学時代からの40年の半生をユーモアを交えて紹介しつつ、これからの問題に対する取り組み方を提言した。 中鉢氏は、研究所のミッションは2つあると考えて、研究所の再編を行なった。1つ目が既存事業への貢献、2つ目が現業の事業領域に入らないシーズを生み出すことへの期待である。そこに至るプロセスを研究から開発へという軸と、コンポーネントからシステムへという流れの軸を考えて4象限に分け、それぞれに役割を与えた。先端マテリアル研究所はコンポーネント研究、コアデバイスは次世代デバイス、ディスプレイは有機EL関連、システム技術研究所はセキュリティほか、技術開発はソフトウェアや信号処理、UIである。そしてソニーCSLは直接ソニーの事業ではない部分で貢献してくれることを期待しているという。 中鉢氏は、5月24
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
the eyeverify eyeprint ID scanner protects users' mobile data
Design and Marketing News - Designerly
背景デザイン_無料テクスチャ素材50枚まとめPhotoshopVIP |
Perspective Page View Navigation
https://dynamapper.net/
http://aadesigns.info/guideline/android-4-4-kitkat-design/
Page not found | abdz.do
これからのUIデザインのヒントになるDribbbleのアートワークのまとめ
http://blog.typocode.net/2007/08/eve_amanaimages_ui.html