人体を描くのが下手な理由は、単純に人体を観察して描く経験が足りないためだそうです。だからといってヌードデッサンを100万回しようにもそもそもそんな機会がそうそうないわけで。 しかし時代は進み、現代ではネット経由で豊富な人体モデルが無料で入手可能です。さすがに実際に目の前においてデッサンをしたり、参考にするのとは勝手が違いますが、それでもこれだけでかなり助かる人も多いのではないかと。特に3DCG作成やマンガを描く際などには参考となるものがあるか無いかで雲泥の出来になるので、役に立つはず。 詳細は下記の通り。 まずはいろいろな無料で利用可能なヌードモデルの写真を置いているサイト。本来は3DCGのモデルのために置かれているものです。 Spectralogue. Textures, 3d models, soon HDRI and character reference. 次のサイトには、3DCG

プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ

通常のアイコンよりも小さなサイズの使いやすいミニアイコンを集める必要性に迫られたので、いろいろとリストアップしてみました。 ブログやWiki、通常のサイト作成やFlash、PowerPointのプレゼンテーションやソフトウェアのボタンなどなど、いろいろな場面で役に立つはず。ボタンの画像を違うものにするだけでだけでも、割と雰囲気がガラリと変わるのでオススメです。 リスト一覧は以下の通り。 Mini Pixel Icons（ブログやCMS用のアイコン、ユーザーアイコンなどが多く、とてもカラフル） Mini Icons | urlgreyhot（12ピクセル四方という極めて小さなアイコンがいろいろあります。グレイスケールのアイコンは加工しやすいので、好みのアイコン素材にすることも可能） Bullet Madness - free bullets project at Stylegala（200個

IE7、Firefox、Netscape、Operaで動作するグラフィカルなイメージ画像を使ったチェックボックスとラジオボタンです。通常のチェックボックスなどではおもしろみがないという場合に使うとかなり大きなインパクトがあります。 コードのダウンロードと実際の動作例は以下から。 Styled Checkboxes and Styled Radio Buttons | formStyle 動作例はこちら 以下も似たようなタイプの例です。 Niceforms コードのダウンロードは以下から。 badboy.media.design :: articles :: Niceforms

Photoshopにはブラシというのがあり、これを使うと任意の形状を簡単に利用できます。有効に使えばいかにもそれっぽい画像がどんどん大量生産できるので、手早くビジュアル的に派手な画像が必要なときなどに重宝します。 そんなPhotoshop用ブラシばかりを集めまくったサイトが「PS Brushes」です。現時点で180種類以上のブラシセットが置いてあり、ジャンルごとに分類されています。今後もどんどん追加されるようです。 そのほかのブラシ配布サイトや、GIMPでの利用方法は以下の通り。 PS Brushes - The Largest Photoshop Brush Resource on The Internet http://www.psbrushes.net/ ブラシのインストール方法も書いてあります。 Installing Brushes GIMPでの使用方法は以下の通り、変換すればO

第一印象を判断する時間は短く、約5～7秒程度で決まると言われています。 初めてブログを訪れた時の第一印象は、以前、イメージは色で決まる でも書きましたが、文章でもデザインでもなく「色」なんです。 Webデザイン エンジニアリング第23回　「色」が持っている三つのチカラ：ITpro こちらの記事を読んで、「色」が持っている三つのチカラ「強調」「印象」「関連」についてとても参考になりました。 テキストを読んでいるつもりでも、無意識に「色」の情報が伝わっているんですね。 1. 注目してほしいところ タイトルや見出し テキストやリンク色 2. 与えたいイメージ 女性らしさ、優しい印象（ピンク系）←わたしはココ！ 楽しい印象（黄色やオレンジ） 信頼、さわやか（ブルー系）など 参考：色が与える印象の違い 3. 同じ色でグループ化 サイドバーやカテゴリーごとに分類する。 メインカラーと同系色か、3色まで

今回は，デザイナーとして，世間やプログラマに対して言いたい放題書かせてもらう。どうか怒らずに最後まで読んでもらいたい。デザイナーの皆さんには，大いに賛同していただける内容になっているはずだ。 デザイナーだって，タイヘンなんだ！ まず，デザイナーという仕事は，非常に誤解されやすい。例えば次のような誤解をうけて，暗い気持ちで日々の作業をこなしているデザイナーも少なからずいるはずだ。 1)　デザイナーという職種に対する，先入観がある 世間（顧客やエンドユーザー）には，「すべてのデザイナー」＝「技術に無知」だという先入観がある。「デザイナー」とは「Webページの配色とレイアウトをする人」だから技術を知らなくて当然，むしろ知らなくてよいとする傾向すらある。開発ツールが完全分業に向けて進化しているのだから，デザイナーはビジュアル・デザインのことだけ考えていればいいという意見を持っている人もいるだろう。

XHTMLはWebページの「構造」（文書構造）を、CSSは「見栄え」（視覚表現）を指定するものである。旧来はHTMLで両方を指定することが多かったが、Web標準ベースの制作では両者の役割分担をはっきりと意識し、分離を図る必要がある。 XHTMはWebページの「構造」を指定するための言語であり、本来Webページがどのような見栄えで表現されるかはブラウザやデバイスに依存する。しかし、デザイナーはCSSを利用することで、Webページの「見栄え」についてもコントロールすることができる（見栄え＝視覚表現は「目で見てわかる効果」ということ。CSSには視覚表現だけでなく「聴覚表現」、たとえば見出しは大きな声でゆっくりと読み上げたり、段落と段落の間では適当な間をあけたり、といったことをコントロールする仕組みも用意されているが、ほとんどのブラウザが対応していないため、まだ一般的には使われていない）。 CSS

Webアプリケーションを開発する際に，対象ユーザーを考慮することの大切さについて見てきました。今回は，ユーザー・インタフェース（UI）設計にも，マーケティング感覚が必要なことを考えてみましょう。 UIの問題点を改善していく手順 例によって航空券の予約をサンプルに使います。下記の画面をご覧ください。このWebアプリケーションには，様々なオプションを付け加えることができます。しかし，必要最小限の情報は，「搭乗日」と「出発地」と「到着地」の三項目だけです。このUIに，どこか問題はないでしょうか。 (1)　日付部分への改良 まず注目してほしいのは，搭乗日という日付情報をユーザーにすべて入力させている点です。日付情報をユーザーにまかせ切ってしまうと，表記が統一されず，結局のところシステムでそれを補う処理が発生してしまいます（たとえ「2006/08/02」などと「例」を明記しても，半角文字と倍角文字と

Photoshopと違って拡大縮小しても画像が荒くならないベクター形式をIllustratorは採用しているわけですが、そんなIllustratorを使って写真のようにリアルなイメージを作り出すという驚愕のテクニック。 上記サンプル画像を見れば分かるように、写真っぽく見えますが中身はベクター形式のものになってます。 その他のサンプル画像や作り方は以下の通り。 The World's Most Photorealistic Vector Art 上記ページからたどることのできる画像はどれもコレもものすごい 作り方はこんな感じ。手間がかかってる。 Gradient Mesh Tutorial その他のベクター形式のイラストはここにいっぱいあります。 deviantART: Browse deviantART こういうフォトリアリスティックなものを通常通り、Photoshopで作る場合はこんな手

……さて、「無断リンク禁止」や「ディープリンク禁止」といった一連の議論では完全に無視されているけれど、どうもこの問題の本質はブラウザのユーザーインターフェースにあるような気がします。 ここから先の文章は全て裄乃由紀野が考えた仮説であり、これを他のWebサイト運営者やソフトウェア開発者に押し付けるつもりは全くありません。正直自分でもよく分かっていませんし、勢いで書いたようなものですから。仮説というのはどのみちトンデモを含む手法ですので、信頼性はご自身で判断してください。 大体、リンクはTOPページに貼るのが基本だと思います。 お気に入りとブックマークの登録も。 なぜなら、TOP以外からの訪問は裏口から合い鍵を使ってコッソリ入ってきたのと同じようなものだからです。 ブログページ単体へのリンクは迷惑行為です たとえばこの様な文章があったとする。これに対する反応としては大概「広く公開されているペー

WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1：WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2：Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3：Minitabs http://www.aplus.co.yu/adxmenu/exam