デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers iPhone 4のような高DPIデバイスの登場でグラフィックデータをどう扱っていくかがこのところWebデザイナやWebデベロッパの間で話題に上るようになっている。iPhone 3GとiPhone 4、iPad、MacBook Proなど、どのデバイスからアクセスしても問題ないWebページを制作するには、スケール可能なグラフィックデータへ移行することを考えるというのがひとつの方策。将来的な候補としてはSVGとCanvasが現実的といえる。 Canvas vs SVG: How to Choose the Right Format - SitePointにおいて、SVGとCanvasの特徴が簡単にまとめられている。それを踏まえた上でクロスブラウザで動

Features of the Avia Image Slider 8 unique transition effects Lots of easy to set options to create your own effects Included Image preloader Autoplay that stops on user interaction Valid HTML5 and CSS 3 Markup Packed version only weights 8kb Supports linked images already prepared to work with prettyPhoto Lightbox works with jQuery 1.32 and higher Browser Support Internet Explorer 6 and higher Sa

先日予告した「書き心地重視の『手書きメモ』アプリ」、ようやくiTunesストアに並んだのでここで発表させていただく。名前は neu.Notes（"neu"はドイツ語で「新しい」という意味)。読み方は「ノイ・ノーツ」。日頃のちょっとしたメモや、ミーティングや授業のノートを取る時に便利な様に、使い勝手と書き心地を最重視して作ったアプリ。無料なので、iPadをお持ちの方は、ぜひともお試しいただきたい（iTunesストア上のneu.Notesへのリンク）。 これを作るきっかけを与えてくれたのは、Adobe Idea。最初に見た時には「やられた」と思った。簡単なメモを取るには十分な機能があるし、何よりもベクター・データのままIllustratorに渡せるという部分がすばらしい。描いた線をなめらかにしてくれる機能もなかなかしゃれている。これで私にとっての「メモアプリ」の座は決まりだと思った。 しかし、

「Adobe Creative Suite 5」のリリースに伴い、フォトレタッチソフト「Adobe Photoshop」も「CS5」にバージョンアップした。約1年半ぶりのバージョンアップとなった「Photoshop CS5」では、Win・Mac両方の64ビット版OSをネイティブサポートしてパフォーマンスの向上を図ったほか、これまでテクニックと手間が必要だった面倒な作業を、より早く、簡単にできる機能が多数用意されている。そんなPhotoshop CS5の新機能を、数回に分けて紹介していく。 「Photoshop CS5」の画面。今回も更なる進化が加えられた 人の髪や動物の毛の選択を楽に行える「境界線を調整」 今回のアップグレードでは、フォトレタッチ関連機能の充実が目をひく。その筆頭といてるのが、「境界線を調整」機能だ。「境界線を調整」自体は「Photoshop CS3」から搭載されており、今

This domain may be for sale!

ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青（水色に近い）を採用していました。   Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 （※Live Searchは画像検索からキャプチャを取っています） こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、

Web制作に係わっていると、お客さんからいろいろなことを言われたりします。 また、制作に関するやり取りの中で、こちらが予想だにしないリアクションがあったりすることもしばしばで、それだけに苦労も楽しみも多いものです。 こまっちゃうな～の図（写真はイメージです…） どうしても、その業界に身を置く者とそうでない人との間には、認識の違いや感覚のギャップが存在します。 それは当然のこととして受け止めますが、それでもやっぱり、「いくらなんでもそれはやめて～」ってこともあるわけで。 これはWeb制作スタッフなら多かれ少なかれ、誰もが感じることです。いつも読んでるWebデザイナーさんのブログにも、先日こんな記事が載っていました。 『クライアントからのムチャぶり迷言集：Webクリエイターボックス』 「あ～、あるある！」といったことから、「さすがにそんな人いないよ～」という過激な内容まで… ニヤニヤしなが

わかばマークのMacの備忘録 RSS * Admin * Write 初心者による Mac OSX の便利な使い方や、ソフトウェアの紹介など、Macのこといろいろ。