【翻訳してみた】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 で発表された Material Design のアップデート｜Takuo Suzuki
Google I/O 2018 にて Material Design 関連のアップデートがあったので、どのようなアップデートがあったのかこちらの Google Design の記事の意訳を含めて書いてみたいと思います。 Google I/O 2018 では主に次の3つの発表がありました。 1 : Material Theming : よりカスタマイズしやすいデザインシステム 2 : Material Tools Suite : Material Theme Editor, Gallery 等のツール群 3 : Material Components : Material Design を実装する上で利用可能な、Android、iOS、Web、Flutterのライブラリ それでは、ここから順にどのような内容なのかについて説明します。 Material Theming とは2014年に Mat
Material Theme Editorを使ってみた｜Yuya Furusato｜note
今回のGoogle I/O 2018では、Material Designの大幅なアップデートが紹介されていました。 Material Designのメリットは、レスポンシブを考慮したレイアウトやコンポーネントを設計しているので、様々なデバイスで使用しても破錠しない点です。 一方デメリットとしては、完全にガイドラインに合わせてデザインすると、代わり映えのないビジュアルになってしまい、差別化が難しい点がありました。 そのような課題に対して「Material Theming」というコンセプトを掲げ、Material Designのコンポーネントを自由に編集できる「Material Theme Editor」というプラグインをリリースしています。 今回はMaterial Theme Editorをざっくり使ってみた感想をまとめています。 まずは、Material Theme Editorの使い方マ
新しくなったMaterial Designのココに注目！最近のUI要素・コンポーネントのデザインや使い方がしっかり学べる
先日開催されたGoogle I/O 2018で、Material Designは大きくアップデートされました。 ロードマップによると、今回のアップデートを皮切りに、これからも毎月リリースされ、Material Designはその表現力を高める機能を充実していくとのことです。 Material Design Material DesignはGoogleが提供するオープンソースのデザインシステムで、Webサイトやスマホアプリのデザインから実装まで幅広く利用できます。 Google I/O 2018でアナウンスされた大きなポイントは、3点。 Material Themingはテーマを使用して、開発者がプロダクト全体でユニークなスタイルを一貫して体系的に表現できるようになりました。 ワークフローを効率化する3つのツールがリリースされました。 Material Theme Editor, Mater
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の目指
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
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
BootstrapとMaterial Design Liteの違いを徹底検証！各ポイント10個まとめ
海外デザインブログTutorialzineで公開された「Comparing Bootstrap with Google’s New Material Design Lite」より許可をもらい、日本語抄訳しています。 Googleが、Android 5.0の登場と一緒に公開した、マテリアル・デザイン（英: Material Design）は多くのウェブサイトやアプリデザイン用フレームワークとして活用されています。すでに、ウェブコンポーネントをまとめたMUIやMaterial UI、Polymerなどのライブラリも公開されています。 2015年7月はじめに、Googleはより手軽にマテリアルデザインを活用できる、新しいフレームワーク「マテリアル・デザイン・ライト（英: Material Design Lite）」を発表しました。人気フレームワークBootstrapに標準を合わせており、今回は異
WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」
WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」 インターフェイスを製作するときに時間を節約しながら、クオリティを保ちたいときに、ユーザーインターフェイスに必要なパーツをパッケージした素材が便利です。今日紹介するのはWEBデザインとアプリデザインのためのフリーUIパッケージを集めたエントリー「18 free UI elements packs for your web designs and apps」です。 Modern Web UI Set 様々なタイプのUIの素材が用意されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Mobility: set of mobile UI elements アプリケーショ
山中俊治の「デザインの骨格」 » 奇人天才シリーズその６：吉岡徳仁さん
吉岡徳仁さんとの出会いは、2001年の日本科学未来館のオープニングイベント、「ロボット・ミーム」展の会場構成を依頼したことでした。 きっかけはその前年のISSEY MIYAKE Making Things展でした。30代前半だった吉岡さんの展示には、手垢にまみれた「スタイリッシュ」への断固たる決別があり、それに深く感銘を受けたのを憶えています。 「ロボット・ミーム」展は、ロボットと人々の新しい交わりを提示する事を目的とした、藤幡正樹氏と松井龍哉氏と私の３人展でした。私は二人を説得し、吉岡氏の事務所に直接電話で会場デザインを依頼しました。 電話から二月後に彼が提示したアイデアは、マネキン人形を型にして人型レリーフのポリカーボネートパネル700枚を使って、会場に巨大な迷路を作るというものでした。 吉岡さんはとてもシャイな人で、多くを語りません。提案の時も、スタッフの女性が説明し、ご本人はただ穏
TOKYO FIBER ‘09 SENSEWARE
旭化成株式会社 株式会社クラレ 帝人株式会社 東洋紡績株式会社 東レ株式会社 三菱レイヨン株式会社 ユニチカ株式会社 サカセアドテック株式会社 日本絹人繊織物工業組合連合会 青木 淳｜建築家 東 信｜フラワーアーティスト アントニオ・チッテリオ｜建築家、デザイナー 岩田洋夫｜筑波大学院教授、デバイスアーティスト グエナエル・ニコラ｜デザイナー 隈 研吾｜建築家 佐藤可士和｜アートディレクター 鈴木 康広｜アーティスト シアタープロダクツ｜ファッションブランド 津村耕佑｜ファッションデザイナー nendo｜デザイナー 日産自動車株式会社デザイン部＋日本デザインセンター 原デザイン研究所 パナソニック株式会社 デザインカンパニー 坂 茂｜建築家 ミントデザインズ｜デザイナー ロス・ラヴグローブ｜インダストリアルデザイナー 日本デザインセンター 原デザイン研究所＋アトリエオモヤ 主催 TOKYO
【Giz Explains】リキッドメタルって何？
【Giz Explains】リキッドメタルって何？2010.08.23 23:0016,861 satomi Appleが使用ライセンス契約を取得した｢リキッドメタル｣が巷で話題沸騰！ ですが、みんなワケもわからず騒いでない？ リキッドメタルって何？ Appleはこれで何するつもりなの？ ―リキッドメタルの謎に迫ります。 この聞くからにパワフルなネーミング。なんとなく『ターミネーター』から『おまかせアレックス・マック』まで連想してしまいますが、これ、オキシモロン（矛盾語）でもあります。だってリキッド（液状）のメタル（金属）ですもんね（金属も溶けたら液体になるから語弊があるけど）。 まさかアップルがT1000製造ビジネス参入なんてことないとは思いますが、この謎の新素材でなんか大きなこと企ててる可能性はありますよね。 と言っても、みんなリキッドメタルに興味津々なのは、なにもこれが｢新技術だから
無料で使えるハイクオリティなベクター形式の人物シルエット集「Vector People Collection」
カリフォルニア州サンディエゴにあるウェブデザインスタジオ「CONTEMPO」はデザイナーであるChris Robinson氏が運営しており、有料のWordPress用テーマやサイトテンプレートなどを扱っていますが、それらの中にCCライセンスによって無料で使えるベクター形式の人物シルエット集「Vector People Collection」というのが配布されています。 AI形式・EPS形式・PDF形式の各形式が同梱されており、全オブジェクトはきちんとレイヤー別に分けられ、名前も付けてあり、非常に簡単に使用できるように工夫されています。 ダウンロードは以下から。 Web Design, Wordpress Themes, Site Templates & Stock Art - Contempo http://contempographicdesign.com/ 上記サイトの「Vector
Design Matters » Blog Archive » Touchpad, Tenji, and Tactile Cues
Detail of the T400s tactile cue feature Touchpad texture has gone relatively unnoticed in the world of ThinkPad design, and perhaps the industry in general. TrackPoint fans still wonder why we include a pad at all, and would not likely contemplate the advantage a texture could create for those who use them. If you are a pad user, and there are a lot out there, you know that the feel of the pad an
Android Vector Icon Template Pack | dotproof
Googleで配布されている Android Icon Templates Pack, v2.0 にはPhotoShopのファイルが入っていますが、自分はアイコンをIllustratorで描きます。アイコンを描くのにビットマップがいいのか、ベクターがいいのかというのはひとつの課題ですが、ベクターは元のデータさえあればいろいろな大きさのアイコンを生成できますし、ビットマップはピクセル単位のより正確なデザインができますから、どちらも長所短所があると思います。テンプレートでも、PhotoShopのファイルですが、ほとんどの絵はシェイプで描かれていますから、拡大縮小で困るわけではありません。ただ、どうせシェイブで描くなら最初からIllustratorで描いてもいいような気がしますし、PhotoShopのシェイプ編集機能はもちろんIllustratorに遠く及びません。自分も前はビットマップで描いて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Components – Material Design 3
ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集
アップルとソニー、「感性」を比較する (5ページ目)：日経ビジネスオンライン
無料のテクスチャ素材が大量に集まっている「TextureKing」 - GIGAZINE