［速報］Google、新デザインフレームワーク「Material You」発表。デバイスからアプリケーションまでGoogleの製品すべてに適用へ。Google I/O 2021 － Publickey

2021/05/18 408 users デザイナ Publickey パーソナルカラー デバイス 適用

Googleは、5月19日未明に開催したオンラインイベント「Google I/O 2021」で、新しいデザインフレームワーク「Material You」を発表しました。 Material Youでは、これまでデザインフレームワークによってあらかじめ指定されていたカラーパレットから色を選ぶのではなく、「あなた自身のパーソナルカラーを基に、デザイナ... 続きを読む

デスクトップ版YouTubeのデザインが一新――見た目以上に大きな変更が | TechCrunch Japan

2017/05/03 61 users 一新 TechCrunch JAPAN YouTube 変更

今週の月曜日にYouTubeは設立12周年を迎え、これを記念し5月2日には デスクトップ版YouTubeのデザインが一新 された。Googleが提唱するデザインフレームワーク「 Material Design 」が反映された新しいインターフェースは、さらにすっきりとしたシンプルなデザイン、そしてデバイスを超えた統一感を意識してつくられている。ダークモードの導入や検索機能・チャンネルページの一部変更... 続きを読む

Photon - ElectronアプリをMac OSX風アプリに仕上げるデザインフレームワーク MOONGIFT

2015/11/04 72 users Photon Electron phot MOONGIFT

Electronを使えばHTML5/JavaScript/CSSを使ってデスクトップアプリが開発できます。それは知っていても、UIがなんとなくWebっぽい感じを残していると、それはやはりWebアプリケーションをラッピングしただけのものだと感じてしまいます。 そこで使ってみて欲しいのがPhotonです。Mac OSX用のツールであれば、まさにMac OSXっぽいUIに仕上げられるでしょう。 Phot... 続きを読む

Primer - GitHub製。みんなで使えるデザインフレームワーク MOONGIFT

2015/04/10 344 users Primer Facebook MOONGIFT デザイナー

企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。 そこで登場したのがPrimerです。PrimerはGitHubが作り、使っているデザイン... 続きを読む

Skyline - CSSフレームワーク開発のベースに MOONGIFT

2015/01/02 71 users Skyline MOONGIFT フレームワーク 差異 大抵

どれだけスタイルシートのフレームワークが登場してきても、それでも大抵のWebサイトは独自のスタイルシートで組まれているものです。しかし独自で組むとデザイン漏れが発生し、後付けで設定を追加したり更新が続くと徐々に最初の設計思想から離れていくものです。 そこで使ってみたいのがSkylineです。Skylineはデザインフレームワークという訳ではなく、カスタムスタイルシートフレームワークを構築する差異の... 続きを読む

Responsive - その名の通りレスポンシブなHTML5デザインテンプレート MOONGIFT

2014/08/29 59 users Responsive MOONGIFT プロトタイプ 見栄え

デザインフレームワークを使えば見栄えのいいWebサイトがさくさくと作れます。そのまま完成には至らなくとも、プロトタイプであれば十分な品質になるのではないでしょうか。 現在、様々なデザインフレームワークがありますが、今回は名前があれな気がするResponsiveというソフトウェアを紹介します。SEO的にきつそうな気はしつつも気にせずいきましょう。 Responsiveの使い方 今回はスクリーンショッ... 続きを読む

Onsen CSS Components - Onsen UIを活かしたスマートフォン最適化サイト、ハイブリッドアプリを作ろう！ MOONGIFT

2014/05/16 34 users MOONGIFT ネイティブアプリ コンポーネント HTML

スマートフォンのWebサイトを作ったり、HTMLと合わせたネイティブアプリ、いわゆるハイブリッドアプリを作る上でネイティブに似たUIのWebコンポーネントは欠かせません。デザインフレームワークもたくさん出ています。 その差別化になるのは、とにかく様々なコンポーネントが存在することで多彩なニーズに応えられるか否かになります。そこで今回はスマートフォン向けのUIフレームワークOnsen UI向けのCS... 続きを読む

デスクトップ、スマートフォンで使えるシックなデザインフレームワーク「TopCoat」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/05/03 100 users TopCoat スライ フレームワーク ウィジェット 基調

TopCoatはグレー系を主体とした落ち着いた雰囲気のWebデザインフレームワークです。最近はWebデザインフレームワークが多数出揃ってきました。サイトの雰囲気によってフレームワークを選ぶと良いでしょう。グレー系の落ち着いた感じを出したいならばTopCoatを使ってみましょう。 グレースケールを基調としたはっきりとした見た目のUIです。 ウィジェットは数多く提供されています。 フォーム系。 スライ... 続きを読む

あなたのデザインの自由度を邪魔しない、軽量なグリッドデザインフレームワーク「PocketGrid」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブロ

2013/04/08 83 users コンテン Bootstrap CSSフレームワーク ベース

PocketGridは0.5KBの小さなCSSフレームワークです。レスポンシブWebデザインのベースにどうぞ。Bootstrapをはじめ多様なデザインフレームワークが出回っていますが、デザインの可能範囲が狭まってしまうのを嫌がる声もあります。そこでほんの基礎部分だけを提供してくれるグリッドデザインテンプレート、PocketGridを使ってみましょう。 サンプルです。左が30%、右が70%のコンテン... 続きを読む