CSS3とjQueryを使ったタブメニューの作例を集めた記事。なんと85の作例がまとめられてます。よくタブメニューという限定されたテーマでこれだけ集めたな・・・と感心せざるを得ません。一般的な水平方向に並んだタブ切り替えはもちろん、垂直方向でのタブ切り替え、アニメーションを併用したものなど色々あります。それぞれリンク先で導入法やデモなどが用意されてるので、タブの作例を探す際に使えそうです。
いつものTeehan+Laxのオッサン2人が、iOS 8のGUI PSDを作ってくれました。今回のPSDで新しくなった点は、iOS 8のGUIに対応した事と、iPhone 6の各色モックアップが入った事です。どうやら6 Plusについては入ってないようですが、毎度のように忠実に再現されていてとってもナイスです。今回通知エリアのパーツが充実してますね。新機能だし対応アプリもいくつか出てますもんね。ありがたく使わせてもらいます。
WebやMobile Appなどの様々な開発を始める際に便利なスターターキットをまとめたサイト。紹介されてる内容がかなり幅広いんだけど、例えばiOSやAndroidなどのMobile Appの開発、Webのデザインに使えるHTMLやCSSの情報リソース、アイコンやイラストなどの画像素材、フォント、マーケティングリソース、SEO、ビデオ、UI / UX関連リソースなどがあります。サイト内の情報はタグ付けされて管理されているので、調べたい分野を絞る事ができます。ある程度知識があれば、いちから自分で作るよりもこうした素材やフレームワークを使った方が効率良く仕事できますしね。なかなかナイスなコンセプトのサイトだと思います。
iPhone 6のモックアップPSDが配布されてます。フォーマットはPSD。試しに落としてみましたが、あいぽんのディスプレイ部分がスマートオブジェクトとなっていて、 PSBの中身を入れ替えるだけで画面イメージを変更する事ができます。なのであいぽんアプリの広報用画像制作とかに使い勝手が良さそうです。色もスペースグレーとシルバーが入ってます。Plusのモックアップは含まれていませんが、まぁ無印と比べてパーツの比率が違うだけで見た目ほぼ一緒ですしね。ちなみにわたくし6 Plus使い始めて1週間ほど経ちましたが、最初は「ヤベぇデカ過ぎた」と思っていたのが今では結構平気になってきました。慣れってスゴい。
Photoshopの中で、Flickrを使った画像検索ができるようになるプラグイン。機能拡張パネル内から任意のワードを使って検索できるようです。その際ライセンスについても併せて指定できる点が便利。「素材探しくらいブラウザでいいじゃん！」と言われると確かにそうなんですが、うん、確かにそうですねｗ そういや最近Flickrあんまし使ってないなぁ・・・。
コードのコピペで使えるSVGアイコン。使いたいアイコンをクリックすると、アイコンを描画するためのHTMLコードが出てきますので、基本これをコピペするだけで使えます。pathという見慣れないタグで描画されてるんだけど、これはSVGでシェイプを描画する際に使われるタグだそうです。また導入に関してはベーシックCSSファイルの併記も必要です。用意されているアイコンはどれもモバイル環境などで一般的な、UIとしてよく使われる類のアイコンばかりです。コードのコピペだけでアイコンを導入できるので便利ですね。
Sketch用のiOS 8 UI Kit。素材一式をZipでダウンロードできます。自分はSketch使ってないので素材の中身までは確認してませんが、iOS向けのUIデザインしてる人には役に立ちそうな素材。Sketch導入しようと思ってるんだけど、なんか以前半額セール逃して以来「また半額やるんじゃねーか」的なアレでなかなか買えません。貧乏性なのでね。
iOS Appや、スマホサイトのデザインの際に使えそうなPSD。Most beautiful everって言うてるから「どんなもんじゃい」と思ってPSDダウンロードしてみました。ちなみにダウンロードにはメアドが必要です。素材としては8つのPSDが入っていて、それぞれApp制作、OSのベースUIパーツ、eコマースやナビゲーションといった場面ごとに分かれています。WebよりはApp寄りのデザインパーツが多い印象です（最近垣根が薄くなってますけどね）。フラットUIの作例としては良く出来てるし、iOS純正のパーツ類も入っているので使い道は結構多くありそうです。
