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

Browse By

Monthly Archives: 5月 2012

[Web Design] UI-Patterns – パーツごとにWeb UIの作例を集めたギャラリー

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

Webサイトのパーツごとの作例を集めたギャラリーサイト。“Screenshots”からギャラリーを見る事ができます。アカウント登録、ブログの記事、コメント欄、ディザーページ、エラーページ、Modal表示、ナビゲーション、タグ、サムネールなどの各種カテゴリーがズラっと並んでるので、見たいパーツのみを抽出してブラウズできます。カラーによるフィルタリングなどもでき、また自分でスクリーンショットを投稿する事もできます。デザイナーのネタ帳としてナイスなギャラリーサイト。

[Code Snipet] 11 Websites for Code Snippets – コードスニペットを扱うサイトまとめ

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

Web制作で使えるコードスニペットを紹介するサイトをまとめた記事。CSSやHTML、Javascript、PHPなどの各種コードスニペットが紹介されてます。コーダーやプログラマーの人にオススメ。CSSDeckあたりは自分もよく見ます。

[Siteinfo] お知らせ(の続き)

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

引っ越し終わりました。といっても以前のようなサーバの引っ越しとかではなく、俺の物理的な引っ越しです。埼玉県民になりました。職場は渋谷なのでみなさま飲みのお誘いお待ちしております。その内Mac周りとか晒します。

[Siteinfo] お知らせ

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

業務連絡。引っ越しのため3日ほど更新休みます。ネット開通って結構時間かかるのよね・・・。多分週末には戻ってきます。いつも見てくれる人すんません。

[Web Design] PatternTap – クールなWebデザイン作例投稿サイト

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

Webデザインのクールな作例投稿サイト。投稿型なので数多くの作例が紹介されてます。この手のギャラリーサイトはよくあるけど、このサイトの特徴は対象サイトをパーツ単位で見ているという点。「Browse」ボタンを押すとパーツや場面一覧が出てくるので、例えば「フッター作例だけ見たい」といった閲覧ができます。個人的に特にナイスなのが「Headings(見出し)」。見出しのあしらいって結構悩む機会が多いので、こうした抽出する形でブラウズできるのはとってもナイスです。デザイナーのネタ帳に是非。

[Photoshop] 101 Photoshop tricks you have to know – フォトショップユーザーなら知っておくべき101のトリック

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

フォトショップユーザーなら知っておいた方がイイ、101のトリック。主に「このショートカット使えるYO!」的な内容です。デザインセンス云々は別として、フォトショのオペレーションに関して言うならば、どれだけショートカットを知っているかがそのまま生産性に直結しますからね。フォトショユーザー同士で「ちょ、それ今どうやったの!?」みたいなやりとりは日常でございます。

[Photoshop] Ode to the Option Key: 30+ Cool Option Key Shortcuts in Photoshop – フォトショップで使えるOptionキーがらみのショートカットまとめ

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

この記事なかなかアツいですよ。フォトショップの使えるショートカットまとめ記事なんだけど、Optionキー縛りです。スゴいです。こんなまとめ方初めて見ましたw オプションキーというとその名の通り、あるオペレーションに対して副次的な結果を求める時によく使われるので、メジャーなショートカットに組み合わせて使うものが多いです。例えばShift + Command + Nで行う新規レイヤーコマンドは、Optionを組み合わせるとダイアログをスキップできます。他にはツールセレクト時にOptionを組み合わせると奥に隠れてるツールを選べたり、Command + ZにOptionを組み合わせると何度もUndoできたりします。拡大縮小時にOption組み合わせてハンドル動かすと、中心点を軸に拡大縮小できたりもしますね。地味ではあるけど知ってると何かと便利なOptionがらみのショートカット。わりと玄人向けのまとめ記事です。ちなみにMacを前提に記事が書かれているので、Windowsユーザーの人はOptionをAltに、CommandをCtrlに脳内変換してください。

[Photoshop] PSDchest – PSD素材の配布サイト

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

主にWeb向きなPSD素材を無料で配布しているサイト。まだ公開されて間もないのか、素材の点数はそれほど多くないけど、無料でPSD配ってるのがナイスなので今後に期待。わりとUIパーツ系のアイテムが多い印象。いまどきの素材サイトって感じです。