【Design】トレンドに関するloose-artのブックマーク (10)

  • フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。

    P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く

    フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
    loose-art
    loose-art 2013/06/21
    フラットデザインのコツ的なアレ
  • 目指せ効率化!レスポンシブWebデザインを制作する際に役立つサイト6選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。デザイナーのももこです。 直近は、雨の降る鎌倉でアイドルに大量の和菓子を渡す忙しい日々を送っております。 今回はレスポンシブWebデザインのサイトを制作する際に役立つツール、Webサイトを6つご紹介します。 The Responsinator iphoneAndroidiPadKindleの枠にそれぞれWebサイトを嵌めこんで表示してくれます。シンプルなデザインの枠が素敵です、縦横表示を同時に見れるのも利点ですね。 http://www.responsinator.com/ Responsive Web Design Test Tool モニターの大きさを変えてリアルタイムにレスポンシブの動作確認が出来ます。 画面にメモリがついており、右上に画面サイズも出ているので使いやすいです。 スマートフォンからデスクトップまで各製品の画面サイズも用意されており、お手軽に利用できます

    目指せ効率化!レスポンシブWebデザインを制作する際に役立つサイト6選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    loose-art
    loose-art 2013/06/04
    こ・・・これは便利。
  • フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design

    フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します。 フラットにあまり心を動かされなかったのですが、ぐらっときました。 Into the Arctic フラットなデザインはその名の通り、二次元のフラットなスタイルを使用します。このコンセプトは既存のエフェクトなしで機能します。ドロップシャドウ、ベベル、エンボス、グラデーションなど奥行きを与えるエフェクトは使わないようにします。 ページ内のテキスト、ボックス、画像、フォーム、ナビゲーションなどの全ての要素はエッジのきいたスタイルで、シャドウはありません。Appleによく見るSkeuomorphi

    loose-art
    loose-art 2013/06/04
    フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design
  • 2013年のロゴデザインのトレンド -2013 Logo Trend Report

    2013 Logo Trends logoloungeで紹介されているロゴデザインの15のトレンドとそのポイントをピックアップしました。 元記事ではそれぞれ詳細に解説がされています。 Here マップのピンをモチーフに、自身の位置(存在)を示しているロゴ。ロゴデザインにおいて、位置というのは重要なストーリーの一つで、このシンボルは深いメッセージを伝えるのに役立ちます。

    loose-art
    loose-art 2013/05/27
    2013年のロゴデザインのトレンドを押さえておく -2013 Logo Trends
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    loose-art
    loose-art 2013/05/21
    今流行のフラットデザインについてのおさらい。
  • Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog

    デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました(アカウントはこちら)。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか?そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します! Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし

    Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog
    loose-art
    loose-art 2013/05/21
    Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人
  • 今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG

    こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です! フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※

    今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
    loose-art
    loose-art 2013/05/21
    流行のフラットデザインまとめ
  • 2013年のウェブデザインのトレンドを探るかっこいいUIデザインのまとめ

    フラット、サークル、ブラー、ビッグ、ダークなど、2013年のウェブデザインのトレンドを探るかっこいいUIデザインをインスピレーションの宝庫Dribbbleから紹介します。

    loose-art
    loose-art 2013/05/09
    2013年のwebトレンドを採用したUIのまとめ。
  • 2013年、絶対に流行るwebデザイントレンド まとめ

    参考サイト アクセントカラーまたは背景のテーマの変更 | Windows Phone の使い方(日) 目次に戻る フラットデザイン フラットデザイン とは シャドウ や グラデーション を使い立体的に見せる所を フラットな表現 をする デザイン方法 です。一番身近な フラットデザイン はGoogleが使用しているアイコンが参考になります。 SpellTower SpellTower 色合いが優しくて必要な事だけをちゃんと伝えられています。とても素敵なサイト。 Bärnt & Ärnst Bärnt & Ärnst シンプルなフラット感がスゴい。 LayerVault LayerVault 最新なフラットデザインで、もの凄く勉強になるサイトです。 Flat UI UIデザインキットFlat UIが公開されています。フラットデザインの勉強になると思いますのでダウンロードをお勧めします。 Fl

    2013年、絶対に流行るwebデザイントレンド まとめ
    loose-art
    loose-art 2013/05/09
    2013年のwebトレンドの一つ、ブラーエフェクトの説明とまとめ。
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    loose-art
    loose-art 2013/05/09
    2013年のwebトレンドの一つ、サークルデザインの説明。
  • 1