[Photoshop Plugin] QuickGuide – ガイドの機能拡張

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

by on 7月.24, 2014, under Software

Photoshopのガイド機能を拡張するプラグイン。できる事はガイドの追加、異なる書類間におけるガイドのコピー&ペースト、ガイドの一括消去、ガイドの選択消去。ガイドの追加の仕方は、オブジェクトや選択範囲に沿ってガイドを追加する事ができるので、オブジェクト主体でデザインする場合に便利そうです。個人的にイイなーと思ったのはガイドのコピペ。これ純正ではできない操作ですしね。アプリのUIデザインなんかで便利そうなので、使ってみようかと考え中。

コメントを書く :, ,

[HTML5] HTML5 Gallery – HTML5で書かれたWebサイトのギャラリー

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

by on 7月.23, 2014, under Web Design

HTML5で書かれたWebサイトのギャラリー。サイトのトップページをサムネールとして用意し、詳細ページで該当サイトへのリンクと一言コメントを紹介してます。凝ったJSを使ったサイト、フルスクリーンもの、パララックススクロールなど、様々な工夫を凝らしたサイトが紹介されてます。HTML5で書かれる事自体は最近じゃ珍しくないけど、ここで紹介されてるサイトはどれも凝った見せ方をしているので、コンテンツの見せ方を考える際のネタ帳になりそうです。

コメントを書く :, , ,

[Logo Design] Responsive Logos – レスポンシブなロゴ

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

by on 7月.22, 2014, under Typography

レスポンシブなロゴってなんじゃい?と思ったのでブラウザウィンドウの横幅をゴニョゴニョしてみたら、あぁそういう事ね、と納得しました。ロゴも実際、用途によっていろんなバージョンありますからね。レスポンシブ・レイアウトの手法でロゴの種類が変わるYOという実験的サイトです。ブラウザウィンドウを狭くすると、ロゴの中の要素が減っていくという手法が多いですね。作例の数はまだそれほど多くないけど、興味深い試みだなぁと思いました。

コメントを書く :, , ,

[Typography] 40 Fresh and Free Photoshop Text Effects – フォトショップで行うテキストエフェクトまとめ

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

by on 7月.18, 2014, under Typography

Photoshopでできるテキストエフェクトの作例をまとめた記事。わりとクールな作例が揃ってます。ものによっては3Dの機能使ったものもありますね。ロゴデザインやグラフィックデザインする際のネタ帳としてナイスです。ちなみにわたくしが初めてPhotoshopを触った理由って、バンドのロゴ作るためでした。デスメタルっぽいやつね。ギザギザしてるやつ。最近そういうの作ってないなぁ。

コメントを書く :, ,

[UI Design] iOS Design Cheat Sheet – iOS 7の、UIデザインに関するチートシート

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

by on 7月.17, 2014, under UI Design

iOS 7のUIデザインに関するチートシート。PDFではなくサイト内に色々と役立つ情報が記載されてます。iOSデバイスごとの解像度、Appアイコンのサイズ、UIパーツの端末ごとのサイズ、ツールバーやナビゲーションバー、タブバー内の各種アイコンなどが紹介されてます。iPhoneやiPadを対象としたApp制作の際に役立ちそうです。

コメントを書く :, ,

[Brush] Crack Effect Brushes For Photoshop – ヒビ割れのブラシセットまとめ

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

by on 7月.15, 2014, under Material

ヒビ割れのブラシセットをまとめた記事。Photoshopで使えます。汚し系やグランジっぽいデザインする時に、これ系のブラシは役立ちますよね。けど最近はWebもMobileAppもフラットデザイン全盛で、なんつーかこの手のブラシの出番が減っちゃったような気がします。印刷業界はそういうのあんまし関係ないのかな。ところでグランジで思い出したんだけど、The Last of Us for PS4のトレーラーで使われてる曲、NIRVANAの「Something in the way」のカヴァーですね。これがまたイイ出来でたまらんのですわ。あーもうなんかブラシの話全然してないっすね。

コメントを書く :, ,

[Generator] Favicon Maker – シンプルなファビコンメーカー

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

by on 7月.14, 2014, under WebApp

シンプルなFaviconジェネレーター。画像ファイルをサイト内にドラッグ&ドロップするだけでFavicon用ファイル一式を生成してくれます。試しにやってみたところ、ICOファイルに加えて16×16〜256×256サイズのPNGも出力してくれました(iPhoneでホーム画面に追加した時用のものかな)。あと記述用のサンプルHTMLも同時に吐き出されます。Favicconって.icoファイルだから、Macで作るのめんどくさいんですよね。サクっと作りたい時にナイスです。

コメントを書く :, ,

[CSS3] 40 CSS3 button examples with effects & animations – CSSで描画されたボタンまとめ

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

by on 7月.10, 2014, under Web Design

CSSで作られたボタンをまとめた記事。各項目クリックで、配布元に行く事ができます。ものによってはCSS3のアニメーションを使ったものもあり、見た目だけでなく動きも含めて参考になります。ボタンデザインのネタ帳としてナイスです。

コメントを書く :, , ,

[Hardware] Cell Phone Screen Resolution, sorted by brand and model – 様々な携帯電話のディスプレイサイズをまとめた記事

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

by on 7月.10, 2014, under SmartPhone

様々な携帯電話のディスプレイサイズをまとめたデータベース。メーカーごとに抽出する事ができます。この手のツールでは普通スマートフォンのみを対象にする事が多いんだけど、ここでは昔懐かしいガラケーの情報も含まれています。そのためデータ量がとっても多く、基本的にメーカーで抽出して探すという使い方の方が便利です。試しにAppleで探してみたら、まぁだいたいのモデルが出てきました。次にSONYで探してみると、ソニエリ時代のものも含めて膨大な数のモデル一覧が出ました。こんなに作ってたんだ・・・。ところでSONYっていつまでこうしたガジェット作ってくれるんでしょうね。3年後には金融しかやってないとか、シャレじゃなくありそうなんですが。好きなメーカーだけに頑張ってほしいんですけどね。PS4も買っちゃったし。

コメントを書く :,

[Freebie] 90 Free Switch, Toggle Button PSD Designs – スイッチやトグルボタンのPSDをまとめた記事

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

by on 7月.09, 2014, under Material

スイッチやトグルボタンをデザインしたPSDファイルがまとめられた記事。いわゆるいろんなパーツが入った「UIキット」ではなく、もうほんとボタンのみです。見た目、機能面において様々なアイデアが紹介されているので、WebサイトやMobile App作る時の参考になりそうです。けどどちらかというとスキューモーフィックな手法でデザインされたものが多いので、フラット前提のデザイン物の場合はアレだしナニかもしれません。

コメントを書く :, ,

Web Services

My Profile by iddy

Twitter Status