タグ Web Design
人気順 5 users 10 users 100 users 500 users 1000 usersしっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則 | コリス
2014/11/18
455 users
スクリーン
タブレット
コリス
デスクトップ
許可
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ... 続きを読む
2014年に流行しそうな、注目Webデザイントレンド20個を大予想PhotoshopVIP |
2014/01/09
687 users
エントリー
毎年
Webデザイントレンド
デザイン
あたらしい年がはじまり、どのようなデザインが登場するのか、たのしみにしています。海外デザインブログHongkiatで、2014年のWebデザイントレンド20個をまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out for in 2014」が公開されていたので、今回はご紹介します。 毎年はじめにWebデザイントレンドをまとめており、先日2013年人... 続きを読む
Illustratorをより身近に！デザインをたのしむ無料ベクター素材まとめPhotoshopVIP |
2013/12/03
86 users
Illustrator
デザイン
ベクター素材
エントリー
デザイン制作をより身近にしてくれる、無料ベクター素材を使って、Illustratorを学びませんか。ベクター素材を利用することで、よりカスマイズ自由なデザインをたのしむことができます。 海外デザインブログCSS Authorで、新しく公開されたIllustrator用フリーベクター素材を、まとめたエントリー「500+ Vector Elements for Web Design」が公開されていたの... 続きを読む
静かに流行り始めているポリゴン風デザインに挑戦！ | Webクリエイターボックス
2013/05/07
351 users
Webクリエイターボックス
挑戦
Inspiration
2013年05月07日 Inspiration, Web Design, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか？ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう！デザインの参考になるWebサイトやグラフィック・アートもまとめているの... 続きを読む
20 Free GUI Templates for 'Flat' Web Design
All of the GUI templates we have for you today have been designed in a Flat style. Meaning they have been created ‘without the usual gradients, pixel perfect shadows, and skeuomorphism…’. All of the k... 続きを読む
2013年に流行しそうな、注目Webデザイントレンド15個を大予想 - Photoshop VIP
2013/01/07
757 users
Photoshop Vip
ユーザーインターフェース
機会
海外デザインブログHongkiat.comで、2013年に注目したいデザイントレンドをまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out For in 2013」が公開されていたので、今回はその中でも、特に印象的だった15個をご紹介します。 利用される機会の増えている、ユーザーインターフェースを意識した、トレンドが多くまとめられています。201... 続きを読む
WD101: Webのデザインは枠のない世界である : could
2012/07/30
91 users
ウェブデザイン
could
制約
媒体
ノウハウ
WD101Webデザイン WD101: Webのデザインは枠のない世界である 適したデザインをするには、扱う媒体における特有の制約を理解して、初めて実装できます。紙には「枠がある」という制約があり、Webには「枠がない」という制約が存在します。 このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹... 続きを読む
フォームをカッコよくするjQueryプラグイン集１５:phpspot開発日誌
2012/03/22
85 users
phpspot開発日誌
Onextrapixel
jQu
15 Simple & Effective jQuery Plugins that Enhance Your Forms | Onextrapixel - Web Design & Development Online Magazine フォームをカッコよくするjQueryプラグイン集１５。 デフォルトのフォームってかっこ悪いですが、TwitterBootstrapばりにカッコよくしてくれるjQu... 続きを読む
30 Inspiring Sites with Illustrated Backgrounds » Illustration, Web Design » Design Festival
2012/01/27
125 users
Illustration
Design Festival
A well-selected background illustration can give a web design lacking a bit of color the right amount of pop, andA well-selected background illustration can give a web design lacking a bit of co... 続きを読む
UIデザインの参考になる高品質UIエレメント集:phpspot開発日誌
2011/12/22
58 users
phpspot開発日誌
UIデザイン
psd
参考
デモ
12 Creative Web UI Elements to Enhance Your Web Design | Sky Tech Geek UIデザインの参考になる高品質UIエレメント集がまとまっていて、PSDなどで入手可能です。 UIデザインはすでにあるデモなんかを利用してもいいんですが、ある程度の知識がないとカスタマイズで時間を取られてしまいますね。 PSDなどからパーツを自分で起こせるよう... 続きを読む
WD101: Webは見た目のコントロールがきかない : could
2011/06/22
125 users
ウェブデザイン
could
権限
前提
事実
WD101Webデザイン WD101: Webは見た目のコントロールがきかない 「見た目を同じにすることは出来ない」という Web デザインにおける事実を前提に設計しなければいけません。利用者に権限があるという中での最適化と、価値をどのように提供するのかという見た目とは違うコントロールが必要になります。 このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く... 続きを読む
50 Free Photoshop Brush Sets Everyone Should Have | Web Design Blog, Web Designer Resources
A good and diversified Photoshop brush collection is essential for any designer who respects itself. For this reason, I want to share with you 50 free and high-resolution Photoshop brush sets which wi... 続きを読む
これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット:phpspot開発日誌
2011/03/07
501 users
Photoshop
ペンキ
phpspot開発日誌
ブラシ
50 Free Photoshop Brush Sets Everyone Should Have | Web Design Blog, Web Designer Resources これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット。 かなり使えそうなものが多かったのでご紹介します。 クラウド時代の雲のブラシ。何ともリアル 自然のいい感じが出せそうなブラシ ペンキなんかをぶ... 続きを読む
SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記
2010/10/29
639 users
インタラクションデザイン
川島
示唆
Behind the
SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン ＃川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Dood... 続きを読む
ウェブデザインに磨きをかけるテクスチャの効果的な使い方 | コリス
2010/08/16
258 users
コリス
グルーピング
ウェブデザイン
テクスチャ
エレメント
テクスチャの用途は単に背景に配置するだけではありません。最近のウェブトレンドでもある繊細なテクスチャを使用して、ウェブデザインに磨きをかける方法を紹介します。 How the use of textures can improve your web design 下記は各ポイントを意訳したものです。 はじめに 1. イラストの強調 2. エレメントのグルーピング 3. コンテンツの強調 4. リア... 続きを読む
あなたの制作人生を「速記コーディング」で豊かにする、Texterを使ったアウトプット術 | 5am! Web Illusions
2009/11/11
415 users
RIN
トラブルシューティング
CSS
PHP
アウトプット術
札幌でWebデザイナーをやっているRINの勉強ブログ。Web Design/PHP/CSS/写真メイン Texterのダウンロード(日本語化済み) Texterの初期設定 単語登録の方法 おすすめ単語登録リスト トラブルシューティング 毎日積み重なっていくモノの力は凄い 人生で何万回も同じ操作で、同じ文字を打つ必要はありますか？ よく使う日本語・同じようなコードを、何万回も同じ操作で打つ必要ってあ... 続きを読む
ウェブデザインのクオリティをアップする7つのポイント | コリス
2009/04/16
673 users
コリス
ウェブデザイン
Examples
クオリティ
意訳
ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも... 続きを読む
継ぎ目のないパターン200選 | CREAMU
2009/02/04
260 users
CREAMU
キャプチャ
継ぎ目
パターン
以下
デザインに使えるパターンを探している。 そんなときにおすすめなのが、『200+ Beautiful Seamless Patterns Perfect for Web Design』。継ぎ目のないパターン200選だ。 以下にいくつかご紹介。 ↑のキャプチャはSoftly Plaidly- Peachy Keen (11パターン)。 Pattern 2 (14パターン) Textured Strip... 続きを読む
デザイナーが知っておくべき背景画像のリソースサイト集:phpspot開発日誌
2009/01/08
619 users
Speckyboy
ジェネレーター
phpspot開発日誌
36 Must Have Backgrounds and Patterns Resources for all Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources デザイナーが知っておくべき背景画像のリソースサイト集。 背景画像のダウンロードやWEB上で動作するジェネレーターがまとまってい... 続きを読む
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス
2008/12/03
230 users
ウォーターマーク
padding
コリス
キャプション
URL
TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。 Drop Shadow Effect demo HTML CSS img.shadow { background: url(shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5... 続きを読む
背景画像に最適！超ハイクオリティな400以上のパターン画像集:phpspot開発日誌
2008/07/23
257 users
phpspot開発日誌
超ハイクオリティ
where
400 High Quality Patterns | Design Reviver Patterns can be found every where. Most commonly we can see them in fabric and wallpaper, but they also make great visual elements for web design. 背景画像に最適！超ハ... 続きを読む
COULD：Webデザインに関する 15 の調査結果
2007/01/18
397 users
エントリー
匹敵
レポート
could
Webサイト作り
Webデザインにおいてビジュアルデザインは重要ですが、それに匹敵、時にはそれ以上に『使える』Webサイト作りが重要になってきます。Human Factors International がまとめたレポートが Jens Meiert さんのサイトの Web design: 15 important research findings you should know というエントリーでまとめてありまし... 続きを読む
ウノウラボ Unoh Labs: 【Web Design】なるほどリンク集 その１
2006/10/04
136 users
ウノウラボ
Unoh Labs
リンク集
こんばんわ、sashaです。 ラボブログの当番が回ってきて、ネタがなくて困っていたところに、私がCSSでデザインをする上で参考にしているサイトを書いてみたら、とみんなに言われました。なるほどねー！じゃ、そうしよう。 ただ、恐縮ですが、私は7月にウノウに入社するまで6年間海外にいたため、リソースも英語サイトばっかです。おっと。アレルギー反応を起こさないでください。興味がある分野で日々英語のサイトを見... 続きを読む
hail2u.net - Weblog - HTML 4.01とCSS2のHTMLヘルプ
2006/09/08
71 users
Cascading Style Sheets
アレ
作り方
Posted at 2006-09-09T01:14:00+09:00 in Web Design HTML 4.01 SpecificationとCascading Style Sheets, level 2のHTML Helpを作ってみた。探せば幾つか見つけられるのだけど、キーワードがないというありがちなアレだったので。 HTMLヘルプとか二年ぶりくらいに作ろうとしたので、作り方をほとんど忘れ... 続きを読む
hail2u.net - Weblog - pre要素へのスタイル指定
2006/09/06
121 users
Weblog
hail2u.net
IDEA
エントリ
ちょろ
Posted at 2006-09-06T19:38:00+09:00 in Web Design idea * ideaでエントリになっていたので、言及されていることだしうちのサイトのことだけちょっと書こうかなとか考えてみたら結構色々あって、エントリのネタになりそうだったのでまとめてみた。どっかにもちょろっと書いたけど。 実際にスタイル指定を書く前に抑えておくべき知識として以下のようなものが挙げ... 続きを読む