ペルソナシート39名分とペルソナQ&Aを一挙公開! キャンセル待ち続出の「ペルソナ作り体験ワークショップ」レポート | Web担当者Forum
効果を出すロジカルコンテンツを決める
Web構築に重要なポイントをマスターしよう 今回は、モチベーション別サイト構築（MTO）を実装するにあたって、成功するWebサイトの構築手法と前回（http://www.thinkit.co.jp/article/114/1/）のアンケートやログ解析を用いて、どのようにWebサイトを構築するのかを説明します。 まずはじめに、成功するWebサイトを構築するためのワークフローを紹介します。 一般的なWebサイト構築手法は、クライアントの要望や問題点をヒアリングして、いきなりワイヤーフレーム（Webサイト画面設計図）を作成するパターンが多く、ある程度の規模のWebサイトとなると「制作途中で構造に矛盾点が出た」「グローバルナビに入れるコンテンツが変わった」「どのコンテンツにどんな効果を出すのか不明になった」「公開日が延びた」「デザイン、コーディングの時間が予定より短縮された」「メンバーがいつがんば
ECサイトのデザインリソース「50 Inspirational E-Commerce Website Designs」
WEB上で買い物を楽しめるサイトはもはや当たり前の存在で、Amazon、楽天など大手を初めとして、個人、WEBにお店を展開しているという方は多いかと思います。 Urban Originals 現在ではレンタルカートやオープンソース系のシステムでは素晴らしいテンプレートが揃ってデザインするのも手軽にはなっていますが、もっとこだわりたいと言う方のために、今日紹介するのは海外の素晴らしいEコマースのWEBサイトデザインを50集めたエントリー「50 Inspirational E-Commerce Website Designs | Vandelay Website Design」を紹介したいと思います。かなりの数が紹介されていますが、今日はその中から気になったデザインをピックアップして紹介したいと思います。 詳しくは以下 morphica Little Catwalk Bored Composi
テクスチャパック2008年度の決定版「29 Most Useful Texture Packs of 2008」
TOP > Design , Photoshop > テクスチャパック2008年度の決定版「29 Most Useful Texture Packs of 2008」 今年は様々なテクスチャ素材をdesigndevelopでは紹介してきましたが、今回紹介するのは海外で2008年度に発表され配布されているテクスチャの中から、役に立つテクスチャーを集めたまとめエントリー「29 Most Useful Texture Packs of 2008」です。 エントリーでは「Grunge Textures（グランジ）」、「Vintage Textures（テクスチャ）」、「Fabric Textures（ファブリック）」「Paper and Cardboard Textures（紙とボール紙）」と4つのジャンルに分け、まとめられていました。今日は紹介されている中から特に気になったテクスチャパッ
錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」
今まで、様々なフリーで利用できるテクスチャを紹介してきましたが、今回紹介するのは錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」です。 表面だけが錆びた素材、かなり浸食して、素材自体が錆びて剥がれ落ちたものなどなど様々なテクスチャが収録されています。下記にいくつか紹介しておきます。 詳しくは以下 全部で5枚と数こそは少ないもののその分バリエーションに幅を持たせているような気がします。サイズは3264×2448ピクセルとかなりの高解像度です。テクスチャはzipで圧縮されて配布されており、エントリー下部のDownloadから見ることができます。凹凸があったり、色合いも微妙に変化があるので、この素材感は、雰囲気作りや質感づくりに役に立ちそうです。 ライセンスについてはフリーということ以外、特に明記されていませんでした。おそらく制限無く使えるかと思いますが、商用で
フリー音源がダウンロードできるサイトのまとめ「55 Great Websites To Download Free Sound Effects 」
TOP > WebDesign , WordPress > フリー音源がダウンロードできるサイトのまとめ「55 Great Websites To Download Free Sound Effects 」 WEB上にはクリエイターに役立つ、写真、アイコン、ベクターデータなど様々な素材が配布されていますが、今日紹介するのは音素材がダウンロードできるWEBサイトのまとめエントリー「55 Great Websites To Download Free Sound Effects 」です。フリーで音素材をダウンロードできるサイトが多々紹介されています。 Movie Sound Clips 全部で55個のWEBサイトが紹介されていますが、今日はその中から気になったサイトをいくつか紹介したいと思います。 詳しくは以下 ■Audio Micro フリーとシェアの混合です。金額はかなり抑えられて
Free logo downloads | PSD and vector logo templates & designes
100% free logos for you to downloadYou can use any free logo design from LogoInstant.com for your next project or even for your clients. You can freely download and modify our free psd logos to suit your needs. You don’t have to spend big bucks to anymore for an expensive logo designer because our Logos are 100% free. If you like our work, you can support us by linking back to tell others and shar
商用可！なんでもそろう1006個のアイコンセット「Fugue Icons 」
サイトを構築する際のグラフィカルインターフェイスとして活躍するアイコン。今までDesigndevelopでは様々なフリーアイコンを紹介してきましたが、今回紹介するのは1000種類以上のアイコンを収録したフリーアイコンセット「Fugue Icons」です。 アイコンのデザイン感は統一されて制作されていますので統一して使えばデザインのクオリティは高まるかと思います。コレだけの数が揃っていて種類も豊富なので、どんなサイトでも対応できるはずです。 詳しくは以下 Fugue Iconsの一部 ライセンスは「Creative Commons Attribution 3.0 license.」で保護されていて、「原著作者のクレジット」を表示さえすれば、商用、非商用問わず自由に利用できるみたいです。どうしてもクレジットを表記したくない人向けに、クレジット表記義務を取ったライセンスも50USDで販売されてい
商用可！ハイクオリティな木目photoshopブラシ「15 Weathered Wood Photoshop Brushes」
デザインに質感を与えてくれるphotoshopブラシ。photoshopで作り込んで行く時には非常にありがたく便利な物です。今回紹介するのは高解像度の木目photoshopブラシ「15 Weathered Wood Photoshop Brushes」です。 全部で15種類の木目のブラシが収録されていて、木目の種類も様々なものが収録されています。ブラシは名前の通り、少し質感のあるものが収録されています。 詳しくは以下 ブラシのサイズは2500px×2500pxと高解像度。これだけ高解像度で、種類も揃っているとなれば、グラフィカルな作品を始め、商業デザインの中でも活かす事ができそうです。 zipで圧縮されて配布されており、ブラシの形式は「.abr」で配布されています。ダウンロードしたファイル付属している利用規約によれば、ライセンスは再販、再配布を以外は商用、非商用問わず自由に利用できると言う
50 Beautiful And Creative Portfolio Designs — Smashing Magazine
In this showcase, you’ll find a variety of beautiful, unique, and highly-creative portfolio designs. The aim here is to stimulate your creativity and to inspire you to create your own portfolio or re-think your existing one. You’ll get to see portfolios from a wide range of fields including web design, product design, illustration, photography, and even animation. Design portfolios come in various
デザイナーの為のチートシート40+「40+ Useful Cheat Sheets for Designers」
TOP > Design > デザイナーの為のチートシート40+「40+ Useful Cheat Sheets for Designers」 毎日業務としてデザインを行っていても、ついついコードやショートカットキー忘れてしまう事もあります。そんな時に役立つのが、そういった基本的な事をまとめたチートシート。今までDesigndevelopでも「新人デザイナーのためのillustrator+αショートカットキー一覧のまとめ」や「WEBデザイナーに便利なデザインに役立つチートシート集」と様々なチートシートを取り上げてきましたが、CS4もリリースされたということもあり、改めてチートシートを取り上げてみたいと思います。 Adobe® Photoshop® CS4 Keyboard Shortcuts (Mac,Windows) 今回紹介する「40+ Useful Cheat Sheets
商用可！ボール紙のテクスチャ素材パック「Cardboard Textures and Objects: High Resolution Pack」
商用可！ボール紙のテクスチャ素材パック「Cardboard Textures and Objects: High Resolution Pack」 今までDesigndevelopでは様々なテクスチャをとりあげてきましたが、今回紹介するのは2896×1944ピクセルという高解像度の段ボールのテクスチャ素材集「Cardboard Textures and Objects: High Resolution Pack」です。 タイトルの通り、20種類のボール紙のテクスチャが収録されています。収録されているテクスチャはFlickrにてアップロードされていましたので、下記にスライドショーを貼り付けておきます。 詳しくは以下 Created with Admarket’s flickrSLiDR. きれいめなものだけではなくて、破れていたり、剥がれていたりと質感のあるものも収録されていました。Flic
Illustratorプラグイン・デザイン作業を半減！【XtreamPath2】
XtreamPath2 (エクストリーム パス2) は、Adobe Illustrator (アドビ・イラストレーター) の描画、編集、変形の機能を劇的に向上させる 35のツールやエフェクトを搭載した Illustrator プラグインです。 通常、Illustrator でパスを編集、変形するには、アンカーポイントの数や位置、方向線 (ハンドル) の長さや角度のコントロールが必要であり、複雑なデザインになればなるほど経験や熟練した技術が求められます。しかし XtreamPath2 は、それをたった1回のドラッグで実行したり、逆にアバウトな描画をスナップや数値指定することで精密、正確に行えます。 XtreamPath2 は、ビギナーの方にはパス操作をより手軽にし、ヘビーユーザーの方には作業手順を削減することでよりクリエイティブな時間を提供します。
ビットマップをベクトルに変換する（Illustratorの［モザイクオブジェクトを作成］）｜DTP Transit
ビットマップ画像は拡大率によってボンヤリしていまいますので、ベクトル化しておくという方法があります。たとえば、マウスカーソルとかWebなどでリンク箇所を示す指さしアイコンなどをベクトル化しておくと便利です。 はじめる前に、単位をピクセルに変更します。「Web」のドキュメントプロファイルで新規ドキュメントを作成してからスタートするのがベターです。 Photoshopなどから必要な部分をコピーし、Illustratorにペーストします。 配置した画像を選択して、［オブジェクト］→［モザイクオブジェクトを作成...］（CS3より前のバージョンでは［フィルタ］→［クリエイト］→［モザイク...］）をクリックします。 ダイアログボックスが表示されたら、［タイル数］に現在のサイズと同じ数字を入れて［OK］をクリックします（［ラスタライズデータを削除］オプションをオフにし、ビットマップ画像は削除してしま
これから執筆（テクニカルライティング）をはじめる人のためのメモ - DTP Transit
テクニカルライティング、つまり、マニュアルや技術的な解説を目的とした執筆は、小説などを書く作業とは大きく異なります。 突き詰めていくと、同じとも言えないくはないのですが、テクニカルライティングには基本的に、芸術的な意味での「文才」や、"ひらめき"は不要です。 次の手順に沿って進めればそれなりの文章にはなります。 まず、テーマの沿ってネタとなる小さなトピックを「項目出し」します。単語、または短く"言い切り"のままで、文章にする必要はありません。この時点では、順番などを考えず、また、ボツになりそうなものも入れておくとよいでしょう。 ネタをグルーピング（分類）して、ラベル（見出し）を付けます。どこにも属さない、または、ネタは「ペンディング」のグループに入れておきます。 できれば、この段階で1日くらい寝かせましょう。すると「そういえば、アレもあった」と出てくるハズ。 グルーピングしたものを順番など
ライティング（表記関連） - DTP Transit
あまりDTPと関係ないと言えば、関係ないのですが参考資料として。絶対に正しい、というわけではなく、ひとつのサンプルとしてご利用ください。 テクニカルライティングを行う上での表記関連の基本ルール 必ず、お願いしたいこと： 本文は「ですます」でお願いします。 英数字と日本語の間に半角スペースを入れないようにしてください。 ○「3月にMovable Typeを」を ×「3 月に Movable Type を」 各段落1行目の1文字インデントは不要です。入れないでください。 下記に関しては「なるべく」準拠いただければ助かります。 半角/全角 英数字は半角で入力してください。 本文中の（）［］は全角で入力してください。 半角で入力する場合、前後にスペースを入れないでください。 原稿の表記統一について 語尾はですます調で。 ただし、図版のキャプションは、体言止めを多用して文章が長くなるのを防
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
