Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Category Archives: Design

[Color] uiGradients – グラデーションのギャラリーサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

綺麗なグラデーションのギャラリーサイト。2色で形成されたグラデーションを延々と見るだけのサイトです。けど綺麗なのでわりと見ちゃいます。マウスでの操作以外にキーボードの十字キーにも対応しているので、サクサク見る事ができます。またEnterキーを押す事でCSSコードを取得する事もできます。作例の多くはiOS 7以降によく使われる類のグラデーションという感じ。グラデーションのネタ探しにナイスです。

[Color Palette] BrandColors – 様々なブランドのカラーパレットを集めたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

様々なブランドのカラーパレットを集めたサイト。ここで言うブランドというのは、いわゆるオンラインのものだけではなく、例えばコカ・コーラとかIKEAなどのリアルなブランドや店舗のものも含まれます。また商号レベルのものだけでなく、ExcelやXBOXなどの商品レベルのものも多く紹介されてます。各パレットをクリックすると、HEX形式での色指定を確認する事が可能。サイトの左端からは、CSSやSCSS、LESS形式での各ブランドカラー指定を一括で出力できたりもします(用途がよく分かりませんが・・・)。ロゴやWebデザインの際のカレーパレットの参考になりそうです。

[Color Palette] PLTTS – カラーパレットの共有サイト

  • Pocket
  • このエントリーをはてなブックマークに追加

カラーパレットの共有サイト。サインインすれば自分でもカラーパレットを投稿できるようになるみたいです。興味深いのが、投稿した人がそれぞれのカラーパレットに名前を付けている点。これが洋楽ロックの曲名みたいでなんかイイです。各パレットは詳細画面に入る事でHEX指定を見る事ができるので、気に入ったものがあったら自分の作品にサクっと適用できます。ちょっと分かりづらいですが、画面上部中央に検索ボタンがあるので、そこから#始まりのHEX指定をする事で、任意の色を使ったパレットを抽出する事もできます。これ系のサイトだとCOLORloversとかが有名ですが、これはこれでイイですね。

[Product Design] 30 Fresh & Creative Product Packaging Designs – クリエイティブな製品パッケージデザイン

  • Pocket
  • このエントリーをはてなブックマークに追加

クリエイティブで斬新な製品パッケージのデザイン例をまとめた記事。製品そのものというよりは、それを梱包する手法がクールといった内容です。それぞれ詳細ページにリンクが貼られているので、実際に売られているものは日本でも買えるかも(デザインコンセプトだけのものもあります)。このパスタとかアイデアがスゴい。あとこのキッチン用品も。雑貨屋とか見るの好きな人にオススメです。

[Design] Pocket – Top Hits in Design – Pocketに今年多くブックマークされたデザイン系記事

  • Pocket
  • このエントリーをはてなブックマークに追加

あとで読む系サービス、Pocketに今年多くブックマークされたデザイン系記事のランキング。トップ10形式で紹介されてます。1位はAppleに学ぶ説得力のあるWebデザインというもの。いや興味深いですね。他にもDribbbleにあるクールデザインのまとめや、デザイナーとの仕事の仕方、デザイン学校に行かずしてデザイナーになる方法、UIデザインは母親を相手にするような気持ちで、といった記事が並んでいます。Pocket便利ですよね。俺も使ってるので、ちょっと前にこのブログにもPocketボタン付けました。まぁ俺が「あとで読む」してるページのリストとか、間違っても人に見せられるものではございませんが。エロいので。

[Product Design] 19 Genius Improvements To Everyday Products – 製品デザインの天才的な改善事例

  • Pocket
  • このエントリーをはてなブックマークに追加

プロダクトデザインにおける天才的な改善事例をまとめた記事。もうちょっとくだけた言い方をすれば「これすっげー便利じゃん!」的なアレです。19の事例が紹介されており、例えば洗えるキーボード(キーボードってクソ汚いらしいっすからね)、ファイルの見えるUSBメモリ、シリアルがふやけない専用のボウル、切ったものの重さが分かるまな板(これ最高)、食えるコーヒーカップ、スプーンになるお箸など色々あります。実際に製品化されてるのかどうかはよく分かりませんが、こういうライフハック的なアイテムは見てるだけで楽しいですな。

[Design Gallery] GraphicBurger – 様々なデザイン作例を扱うギャラリーサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

様々なデザイン作例を扱うギャラリーサイト。タイポグラフィー、UIデザイン、アイコン、印刷物、MobileAppモックアップ、テクスチャなど色々あります。グリッドレイアウトで様々な種類の素材が混在してますが、サイト上部のメニューからカテゴリごとに抽出できます。紹介されている作例の質が高く、ネタ調としてなかなか素晴らしいんじゃないでしょうか。ナイスです。

[Info Graphic] 40 Maps That Will Help You Make Sense of the World – 様々な統計情報を地図で表現したインフォグラフィック

  • Pocket
  • このエントリーをはてなブックマークに追加

世界の様々な統計情報を地図で表現したインフォグラフィック。40の作例が紹介されてます。インフォグラフィック表現のネタ調として、もしくは単純な知的好奇心の対象としてもなかなか興味深い記事。Googleストリートビューのある国ない国、マックのある国ない国、ヨーロッパ諸国でメジャーなサーネーム、左ハンドルと右ハンドル、世界で行き来の盛んな航路ベスト10、世界で人口が密集しているエリア、地震が多発するエリアなど、ミシシッピ川の支流(これスゴい)など、興味深いテーマが揃ってます。中には初めて性交する平均年齢を国別に表した、なんてのもあります(中国、インドがすごく遅くてスカンジナビア半島諸国が超早い)。いやーこういう統計情報ってオモしろいっすねー。