[Logo Design] Logo Faves – ロゴ作例のデザインギャラリー

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

by on 7月.29, 2014, under Typography

ロゴデザインの投稿サイト。いろんな人のロゴ作例を、ギャラリー形式で閲覧する事ができます。新着、レートによるソートの他、任意のワードによる検索や、デザイナーごとの絞り込みなどもできます。ロゴ作例探すサイトとしてはLogo Pondあたりが有名だけど、ここも紹介されている作例が多く、ロゴデザインやタイポグラフィーのネタ帳としてなかなかナイスです。

コメントを書く :, , ,

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

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

by on 7月.28, 2014, under Design

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

コメントを書く :

[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のアニメーションを使ったものもあり、見た目だけでなく動きも含めて参考になります。ボタンデザインのネタ帳としてナイスです。

コメントを書く :, , ,

Web Services

My Profile by iddy

Twitter Status