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

Browse By

Tag Archives: Design

[UI Design] Design Guidelines. – IT企業各社のデザインガイドライン資料まとめ

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

AppleやGoogle、Microsoft、Airbnb、IBM、Salesforce、Ubuntuなどの各IT企業が展開するプラットフォームに関するデザインガイドラインをまとめたサイト。AppleならiOS、GoogleならMaterial Design、MSならUniversal Windows Platformにおけるガイドラインが紹介されており、サイト内から直接資料に行く事ができます。各プラットフォーム用にUIデザインする際の資料として知っておくと便利ですねこれ。

[Web Design] Resource Cards – デザインに関する様々なリソースをまとめたサイト

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

デザインに関する様々な情報リソースをカテゴリごとにまとめたサイト。写真やフォント、アイコン、Photoshop、Sketch、色、プロトタイピング、HTML/CSS、Wordpress、SEO、マーケティングなどが紹介されています。これら全てに精通している人というのもそうそういないと思うので、苦手分野の調査やリソース探しの際に重宝しそうです。

[Design Gallery] iTunes Artworks – iTunes Storeに掲載されたバナーのギャラリー

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

iTunes Storeに掲載されたバナーのデザインギャラリー。MusicストアやMovieストア、Appストアを見るとiTunesのウィンドウ上部に出る横長のアレです。iPhone Appのバナーを以前作った事があるんですが、アレってAppleから「掲載するからバナー用画像このサイズで作って」って感じで依頼が来るんですよね。そうした依頼が来た際のネタ調として使えそうです。iTunes用のバナーって角が丸かったり独自のサイズだったりするので、これ専用に作る必要あるんですよね。ジェニファー・ローレンスたんかわいいよジェニファー・ローレンスたん。

[Misc] Minimal Architecture – ミニマルな現代建築の作例をイラストで紹介するサイト

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

ミニマルな現代建築の作例を、イラストを使って紹介するサイト。各項目をクリックする事で、どんなデザイナーが、いつ、何の目的で制作したのかを知ることが出来ます。建築とか専門じゃなくてもデザインにさえ興味があれば結構楽しめます。興味深い作例があれば、作例名でググると実際の写真が出てきます。シンプルでモダンな建築物にハァハァできる人にオススメ。

[Typography] in a brush – ハンドレタリング作例のギャラリーサイト

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

フリーハンドでササっと描いたレタリング作例のギャラリーサイト。作例によっては動画で紹介されてます。最近じゃまずは手書きから作業をスタートする人自体減ってそうですが、ロゴデザインの起点ってやっぱコレだよなーと個人的には思います。使っている道具も作例によって様々なので、例えばカリグラフィーとかに興味ある人なんかも楽しく見れる気がします。いやーしみじみと美しいですな。

[Sketch] 10 Sketch Tricks for Designers – デザイナーのための10のSketchトリック

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

デザイナーのための10のSketchトリック。項目によっては動画を使って分かりやすく紹介されています。レイヤーをまたいでまとめてスタイルをコピーする方法、レイヤー移動のショートカット、カラーピッカー、角丸の個別指定、iOSデバイスを使ったライブプレビュー、フルスクリーンのプレゼンモード、Quicktimeを使ったiOSデバイスの画面撮影(これだけSketch固有の機能ではないけど便利だYO、という内容)などが紹介されています。この手の記事ってPhotoshopほどリソースがないので、Sketchユーザーにとっては助かりますな。

[Typography] The 25 most admired typefaces by typographers, type designers and letterers – タイポグラファーのためのタイプフェイス

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

タイポグラファーのためのタイプフェイスをまとめた記事。敬服に値する素晴らしいフォントが25種類紹介されています。Georgia, Futura, Gill Sans, Garamond, Helvetica, Metro, Verdanaなどのフォントが作例とともに並んでます。どれも超有名なものなので知ってたり持ってたりはするんですが、まぁなんつーか見てるだけでしみじみと美しいですな。自分この中じゃFuturaとMetroが特別好きであります。欧文タイポ組む時のネタ調としてもナイスです。

[Movie] brutal, beautiful bus stop design of the former Soviet states – 旧ソビエト連邦のバス停

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

旧ソビエト連邦のバス停の映像を集めた動画。いやこれ素晴らしい。今では使われていない感じのものも多く紹介されていて、半ば廃墟っぽくもあるんですが、アジアとも西欧とも違う独特の美しさがあります。旧共産圏の建築物やプロパガンダ系の印刷物って、なんていうかとっても惹かれるものがあります。ワケの分からなさがただただ美しいです。

(さらに…)