Brick Wall Hi-Res Texture Brick Wall Hi-Res Texture This grunge, brick wall texture is a gorgeous addition to any website, social media platform, desktop backgrounds, ..
光のエフェクトが絶妙に上手いサイトデザイン集25。 個人的に、光を使ったサイトが好きなのですが、その使い方が非常に上手く、まとめエントリは色々あるといえど、なかなかいい感じでしたので、ご紹介。 グランジな感じやダークな感じもクールでいいのですが、こうしたデザインも素敵ですね。 是非とも参考に似たようなものを作ってみたいという思いになります。 リンク先は以下より参照してください。パート1〜3まであります。 25 Websites with Lighting Effects Part 3 25 Websites with Lighting Effects Part 2 25 Websites with Lighting Effects 関連エントリ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 韓国のすごいデザインサイト集 グラデーションをうまく使って立体感を出したサイトデザ
ブラックベースのプロレベルなサイトデザイン作成チュートリアルを集めてみました。 クールな印象を与えるのに適した黒ベースのデザイン作成時に参考にできるかもしれません。 iPhone Related Website Futuristic Web Layout Create A Stylish Portfolio Layout PSDThemes -Awesome Tutorial Portfolio Design Softblue Template Tutorial Create a communication layout in Photoshop Dark Themed Web Design Dark Portfolio Pixel Layout Dark Green Portfolio Layout Professional Blog Template Design Create wor
迫力あるWEBサイト作成に使えそうな煙やスプラッターブラシのまとめ。 濫用するとグチャグチャしてしまうかもしれませんが、うまく使えば迫力あるWEBサイトに仕上げられるかもしれないブラシ集です。 スモークブラシ 様々な形状の煙のブラシ 21 Awesome Smoke Brushes | Qbrushes - Photoshop Brushes 21種類のリアルなスモークのブラシセット Colorburned | Stunning Smoke Effects: 42 High Resolution Photoshop Brushes 迫力あるスモークブラシ Smoke Brush by ~eMelody on deviantART Smoke Brush Set by ~eMelody on deviantART Smoke Brush Set by ~wiim on deviantART
最近のウェブデザインでよく使用されているエレメントの制作方法を1ステップずつ分かりやすく解説しているPhotoshopのチュートリアルをCarsonifiedから紹介します。
サイトのリニューアル(ページ構成やデザインなどを刷新して再度公開すること)は極めて重要で、問題の起こりやすいタイミングでもある。間違った方向に進みかねない要素が山ほどあり、実際に方向を誤ると、その結果が悲惨なものになることも多い。 この数年にわたり、僕はサイトのリニューアルを数多く見てきたけど、ほぼすべてのサイトが何らかの小さな問題を抱えていた。割合としては少ないけれど、いくつかのサイトからは、紹介する価値がある優れた教訓が得られた(^^)。以下は、新たなサイトを公開する前と公開した直後にチェックすべき10項目のリストだ。このリストでは、直ちに表面化するとは限らなくても、ある時点で問題を起こす可能性のある要素に重点をおいた。また、新しいサイトを開設する場合とは異なる懸念を伴うサイトのリニューアルについてのアドバイスも重点的に取り上げている。 ここに挙げたチェック項目の多くは、サイト公開時の
20 Vital Techniques & Best Practices For Effective Web Design 下記、各エッセンスの簡単な説明とワンポイントとサイトの紹介です。noupeのサイトでは他にも多くのサイトが紹介されています。 1. ビビッド カラー 2. グラデーションとライトのエフェクト 3. 透過 4. グランジ 5. 手書き風のデザイン 6. 押さえた色味 7. 水彩画のエフェクト 8. ネイチャー系のエレメント 9. 写実的でリアルな背景 10. 特大のタイポグラフィ 11. デコラティブなタイポグラフィ 12. 大胆な背景 13. レトロやヴィンテージのエレメント 14. アイキャッチなヘッダ 15. コラージュしたエレメント 16. テクスチャを使った背景 17. タブ型のナビゲーション 18. ブラックとホワイト 19. 水平方向のスクロール 20.
最近発見した、ロゴデザインやタイポグラフィの見本や資料まとめを色々と集めました。 ロゴデザイン 16 Logo Design Processes Of Top Logo Designers | Pixelactic 16種類ロゴデザインの作成プロセスまとめ 45 Creative Logo Designs For Inspiration | Pro Blog Design ロゴデザインいろいろ45+ 20 Very Clever Logo Designs | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver 様々なクリエイティブなロゴまとめ Super Creative Design Logos. クリエイティブなロゴデザイン集の紹介エントリ 110 Fresh
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
今まで色々とWEBベースのカラーパレットジェネレーターを使ってみたけど、どれもいまいちピンと来なかったという人は、何も言わずに「Color Scheme Designer 」を試してみてください。特にWEBデザイナーにとっては、かなり使える機能が満載です。 一見、何の変哲もない普通のカラーパレットジェネレーターに見えますよね。でも、ちょっといじってみれば、そんじょそこらのジェネレーターとは全然違うのが分かります。 まず、画面左でパレットのキーカラーとなる色を選びます。選んだキーカラーを元に、6つのモードでカラーパレットを作成します。モードは左から「mono=同系色」「complement=補色」「triad=三色組」「tetrad=四色組」「analogic=類似色」「accented analogic=補色+類似色」となっています。 百聞は一見に如かずですので、まずは試してみてください。
クリエイティブなオフィスが掲載されているエントリーのご紹介。 こういうのみると、男ってバカだからなぜかやる気出るんですよねぇ。こういうところで働きたいっていうモチベーションがアップルするからでしょうか。 あいや、私だけかもしれませんが・・・。 続きを読む
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない1つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
When it comes to design sometimes less is more. Find inspiration in this collection of 20 light minimalist website designs. Related posts: – TOP 35 Grunge Websites – 25 Most Spectacular Blog Designs – 25 Most Impressive Flash Sites Antti Viitala Behavior Design Christian Coigny Photograps Coudal Partners Crate&Barrel Japan Car DS.Emotion Eva Solo Guido Callarelli Graphic Design Hydra Media Group L
PHPからOffice・Photoshop・PDF等の各種ファイルを操作するためのライブラ... 次の記事 ≫:アプリケーションを有無を言わさず終了させるAlt+F4の強力版が使える... 最近話題になった、デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集をまとめてみました。 沢山にあるのですが、参考にできそうなものばかりです。 サイトデザイン・サイトの特定部分のデザイン集 15 Creative WordPress Header Designs | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver クリエイティブなWordPressのヘッダーデザイン集。どれもインパクト大なものばかり 25 Inspiring Examples of Sign-Up P
シンプルなデザインからスタイリッシュなデザインまで揃った、商用サイトでも無料で使用できるナビゲーションのPSD素材をpsdGraphicsから紹介します。 PSD website navigation menus set preview ナビゲーションのPSD素材はレイヤーが保持された状態なので、テキストの変更も可能です。 他にもシンプルなデザインが揃ったナビゲーションのPSD素材もダウンロードできます。
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード:[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し(半透明は削除)、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く