フリーソフトとPCツール

TOP | RSS | ABOUT | Add to google | Add to Yahoo! bookmark

Webデザインのきも文字色の調整ができるサイト「アクセシビリティ・カラー・ホイール」

アクセシビリティ・カラー・ホイール


colorwh.JPG


Webデザインにおいて、文字の色は非常に重要だと思います。
自分のサイトで色を指定して試してみるのが普通ですが、それを調整できるサイトです。
何のことはない、マウスを乗せた部分のカラーコードを表示してくれるわけですが、サンプルの文章がのっているので、実際の文字表示も見ることができます。
マウスを動かせばリアルタイムに色がかわりますので微妙な色合いまで確認でき、とても使いやすいと思いまよ。



フリーのアイコンがあるサイト「VECTORTUTS」

VECTORTUTS


VECTORTUTS.jpg


様々なフリーのアイコンが提供されているサイトです。
60種類のタイプが公開されており、アイコンパックとしてダウンロードできるようになっております。


例えばこんな感じのものがあります。


VECTORTUTS%20%283%29.jpg


VECTORTUTS%20%286%29.jpg


VECTORTUTS%20%288%29.jpg


VECTORTUTS%20%289%29.jpg


VECTORTUTS%20%2810%29.jpg


VECTORTUTS%20%2811%29.jpg




Splashy Icons フリーでWebサイトのアイコン集

Splashy Icons
Splashy%20Icons.JPG


小さくてかわいい感じのフリーのアイコンが詰め合わせされた、アイコンパックがダウンロードできます。

Splashy Iconsはこちらからダウンロードできます。

Splashy%20Icons_download.JPG



ユーザインターフェースが機能的に整理されているサイト「Sociomedia」

Sociomedia


Sociomedia1.jpg


サイトを作る上で重要なのが、デザインと機能性です。
これら相反するものをバランスよく配置するのはなかなか難しいものです。
ネット上のサイトでは色んなボタン、検索BOX、プルダウンメニューなどたくさんのものが使われています。
それらをビジネス的なユーザインターフェースとして「こういった場合はこういう形式のUIが良い」とナレッジとして整理されたサイトです。


サイトにある紹介文がまさしくそのままを表現していると思います。


UI設計・評価・標準化サービスの経験に基づき、様々なUIデザインのベストプラクティスをパターン化しています。各種アプリケーションのUI設計効率とユーザビリティの向上に役立つノウハウとして、その一部を公開していきます。



UIデザインパターン


Sociomedia2.JPG



ソフトウェアのパッケージっぽい画像を作ってみよう「easy box shot」

easy box shot


easyboxshot1.JPG

店頭で売っているパッケージソフトの箱をイメージした画像を簡単につくれるサイトです。
「これを作って何に使うんだ!」って声が聞こえてきそうですが・・・・まぁそこは・・・


というわけで使い方ですが、ソフトをダウンロードする方法と、サイト上で作ってしまう方法がありますが、ここではサイト上で作ってみます。
・Made Onlineをクリック
easyboxshot2.JPG


・左下に表示したい文字列を入力して「Go to preview」を押すと左側にプレビューが表示されます
・良ければ「Save」を押して保存ができます
easyboxshot3.JPG


これが実際につくったパッケージ画像です
easyboxshot4.JPG