使いやすいスタイルガイドを作成！デザイナー向けテンプレート素材、ツール15個まとめ
より複雑になっていくWebデザイン制作では、統一感のあるデザインやレイアウトを利用することが重要です。プロジェクトをチームで進めるときや、公開後もメンテナンスしやすいサイト作成には、スタイルガイドを活用してみましょう。 スタイルガイドを利用することで、より手軽にデザインやレイアウトを統一でき、コード品質の低下を抑え、サイトの制作や運用、管理もしやすくなります。今回は、そんなスタイルガイドを作成するときに参考にしたい、無料で利用できる各種テンプレートやオンラインサービスをまとめてご紹介します。 詳細は以下から。 スタイルガイドはなぜ必要？ Web制作で困らない！スタイルガイド作成に必要なポイント10個まとめ + 無料テンプレート より抜粋すると、「スタイルガイドはWebサイトそれぞれのパーツに一貫性があり、全体を通してより親和性の高いデザインを作成するために、あらかじめデザインしたコンポーネ
『難しくないデザイン効率化のすすめ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？ と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう
変態的にすごい！レイヤー効果を駆使してわずか1レイヤーで描いたアイコン達
世の中には物事の限界を追及する人たちがおりまして... / わずか1レイヤーで描いたアイコン / Photoshop One Layer Chal...他...全11件 世の中には物事の限界を追及する人たちがおりまして、そういった方々のことを、人は尊敬の念を込めて「変態」と呼びます。 そんな変態たちがPhotoshopの限界に調整した、わずか1レイヤーで描いたアイコンを集めました。元ファイルを配布しているものばかりを集めましたので、ダウンロードしてその変態っぷりをご覧ください（作り方の勉強にもなりますよ）。
Webデザイナーが知っておく、DTPの基礎知識
Webデザイナーが知っておく、DTPの基礎知識 2011-05-08 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、キー・プレート（Key Plate）から成っており、シアン、マゼンタ、イエローの三色で理論上、黒も表現できますが、実際は強く表現されないためブラックを補ったCMYKが使用されています。 しかしCMYKの黒でも本当の黒には見えません。 そこで他の色も混ぜて、本当の黒に近づけることをリッチブラックといいます。 印刷会社によっては推奨されているリッチブラックの濃度もありますが、C30%＋M20%＋Y20%＋K100%で問題ないと思います。 入稿時にはCMYKの色指定を、5%刻みで指定する様にするよ
表現力の高いボタン素材のPhotoshopテンプレート集「35 Free “Call To Action” Button Templates (PSD)」
TOP > Photoshop > 表現力の高いボタン素材のPhotoshopテンプレート集「35 Free “Call To Action” Button Templates (PSD)」 いくつものページをつなげる重要な役割を果たすボタンは、デザインにもこだわりたいもの。そこで今回紹介するのが、表現力の高いボタン素材を手軽に利用できるPhotoshopテンプレート集「35 Free “Call To Action” Button Templates (PSD)」です。 （Nice download button by Roy Pipeloi – Designmoo） シンプルなデザインはもちろん、クオリティの高いボタンテンプレートばかりが35種類も紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Cute 3D Butto
無料のphotoshop素材をダウンロードできる20サイト
個人的に、今月最高のクリティカル記事を発見。 いやほんとに。これぁすごい。 誰もがいいね！って言いたくなると思います。 GraphicsFuel 素材のレパートリーとクオリティ、両方ともすごい。 サイトのテンプレート ちょっとしたオブジェ クールなRSSアイコン 素敵なワインケース 見開き本 個人のポートフォリオサイト用のミニフレーム シンプル張り紙デザイン 本当に素敵なもがわんさかあります。 ぜひぜひ時間のあるときにご堪能あれ。 GraphicsFuel.com FreePSD サイトデザインからしてもはやPSD的な感じで素敵。 FREEとかかれたものはFREE。 PREMIUMが有料。 TUTORIALはその作り方が掲載されています。書いてないやつはほぼ無料で掲載されています。特に、有料のデザインが参考になります。お金をとるレベルとはなんなのかをヒシヒシと学べますね。 Photosho
商用可！WEBデザインテンプレートをpsdでダウンロードできる「Free PSD Theme」
TOP > Design , Font , Photoshop , WebDesign , WebService , WordPress > 商用可！WEBデザインテンプレートをpsdでダウンロードできる「Free PSD Theme」 WEB制作に使うツールは人それぞれでこれしか無いというものはありませんが、WEBデザインのモックを制作するときにphotoshopを利用して制作していると言う方にオススメなのが、今回紹介するWEBデザインテンプレートをpsdでダウンロードできる「Free PSD Theme」。 まだ数はそこまでありませんが、クリエイティブで質の高いWEBテンプレートがフリーでダンロードできます。系統的にはどれもキレイめなものが多く、洗練された雰囲気のテンプレートが中心です。今回はいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Fre
クオリティの高いWEBレイアウトpsd「40 Professional and Detailed Web Layout PSD Templates」
TOP > WebDesign > クオリティの高いWEBレイアウトpsd「40 Professional and Detailed Web Layout PSD Templates」 WEBを制作する際にphotoshopで制作しているひとには便利なpsdテンプレート。パーツを参考にしたり、全体のベースとしたり様々な使い方がありますが、今日紹介するのはクリエイティブで、プロフェッショナルなWEBレイアウトPSDファイルをまとめたエントリー「40 Professional and Detailed Web Layout PSD Templates」です。 Free Professional PSD Template: BlueMasters – Smashing Magazine 様々なテイストのpsdファイルがまとめられていますが、今日はその中から気になったテンプレートをピックア
ボタン、ナビゲーション、タブなどのPSD素材集 -Button Project
シンプルなもの、繊細なもの、メタリックなものなど多彩なデザインが揃ったボタン、ナビゲーション、タブなどのPSD素材を紹介します。 Button Collection: 250 psds 上記は、Button Projectの総まとめとも言うべき250個のボタンがセットになったものです。 インデックスは下記ページになります。 Button Project ボタンの素材はPSDで提供されており、レイヤーが保持された状態となっています。
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占
45 Useful Collection of Free Photoshop PSD Files | dezign Musings
网站访问认证，点击链接后将跳转到访问页面
Design Resource | 30+ Free Quality PSD Files to Download - DzineBlog.com
Most Designers share their Creative design stuffs to others for free. so that others can learn from their works, At sometimes these collection will become marvelous time saver.Here I’ve listed 30+ Quality PSD Resource to Download varies form special effect files to card templates and more, hope you like the download list, Also be aware about license terms and agreements before You put them in use.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント
.PSD形式でダウンロードできるフリーのアイコンセットまとめ：ekakou フリーフォント/Photoshop