[CSS]シャドウとグラデーションを巧みに使ったかわいらしいテキストエフェクト -Milky Effect
テキストにtext-shadow、背景に美しいlinear-gradientを効果的に使い、かわいらしいエフェクトに仕上げたスタイルシートを紹介します。 Milky Font Effect 実装は簡単で、コピペで利用できます。 HTML p要素などに、classを添えておきます。 <p class="milky">美しい日本語</p> CSS エフェクトの大切なポイントは「text-shadow」と「background」、カラーを変更しても面白そうですね。 .milky { font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;; text-transform: uppercase; display: block; font-size: 72px; color: #f1ebe5; text
デザインのインスピレーションを与えるサイト
デザインに困った時にみると、インスピレーションがふつふつと沸いてくるサイトの紹介です。 Design Inspiration Gallery The Ad Generator Kuler Reject
美しい半透明のパネルを簡単に作成できるPhotoshopのスタイルのまとめ
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。
見た目はそのままで、JPEG画像のファイルサイズを1/5に軽量化するオンラインサービス -JPEGmini | コリス
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左：オリジナル（3662KB）、右：JPEGmini（628KB） [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左：オリジナル、右：JPEGmini、見た目の品質を比較することができます。
雪をふんわりとオブジェクトにちらつかせるPhotoshopのチュートリアル
ブラシはPhotoshopの標準ブラシ カラー「#babecc」で雪を描き、更に細かくしたい箇所はサイズを10pxくらいにします。 もう少し暗くしたい箇所には「覆い焼きツール」を使用し、明るい箇所にはブラシのサイズを大きくしカラー「#d6d9e6」を使用します。 ハイライトとなる箇所には「ドライブラシ（淡い濃度）」をカラー「#f2f0f6」で適用します。 最後に雪のレイヤーを追加し、違和感がでないように「ぼかしツール」でぼかしを入れます。
ざらっとした感じの紙（ペーパー）とカンバス地の高品質なテクスチャ素材
canvas 3 テクスチャ素材の利用にあたっては個人でも商用でも無料で、リンクなども必要ありません。 ただ、このサイトを広めてくれるとありがたい、とのことです。
商用利用も無料、使い勝手がよさそうなグランジ風のペーパー素材
高精細のグランジ風のペーパーのテクスチャ素材がまとめてダウンロードできるパッケージをArbenting Freebiesから紹介します。 6 Free High-Res Grungy Paper Textures ダウンロードできるテクスチャ素材は6枚がセットになっており、フォーマットはJPEGで、サイズは2336x3504と高精細なものとなっています。 グランジ風のペーパーのテクスチャは、こってりしたグランジ風ではなく、控えめな感じです。
ノートやメモ、札、テープ、クリップなど紙関連の素材いろいろ
ノートやメモ、札、テープ、クリップなど紙関連の素材をPSD FANから紹介します。 Freebies: Grunge Essentials Pack 8 Free High-Res Card and
水面に浮かぶ、美しい波紋を描くPhotoshopのブラシ
水面に浮かぶ、美しい波紋を描くフリーのPhotoshopのブラシをboyingopawから紹介します。
ウェブデザイナーとしてスキルアップするための20のメソッド
素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。 ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。 20 Methods for Upping Your Current Web Design Skills [ad#ad-2] 下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。 ユーザーインターフェイスのデザインパターンのスタディ ウェブデザインのために最も良いUIをチェックし、研究してください。 ディテールに注意を払う 日常や他のウェブサイトのディテールを見て、自身のデザインにも多くを加える練習をしてください。 SEOのテクニック クライアントの多くはSEOサービスを提供するウェブデザイナーが好きです。 ウェブデザインのトレンドを知る ウェブトレンドは単に
ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集
繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
配置をマスターして「機能するレイアウト」を作る大切なポイント
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
中小企業のビジネスサイトに効果を与える5つのデザイントレンド
限られた予算と時間の中で、商品の販売、資料請求やダウンロードなどのビジネスサイトのゴールを達成するために効果的なデザイントレンドを紹介します。 5 Small Biz Web Design Trends to Watch 下記は各ポイントを意訳したものです。 はじめに 1. ミニマリスト 2. 独自の写真 3. 大胆なタイポグラフィ 4. アクションの呼びかけボタン 5. A/B テスト はじめに 中小企業のウェブサイトでは、ユーザーの注意を取り込みブラウジングをうながし、あなたのプロダクトあるいはサービスにおける利害関係を起こして、販売へと結びつける必要があります。 限られた時間と予算の中で、少しでも多くの可能性のあるユーザーに興味をもってもらうにはデザインは必須な要素です。 ここに中小企業のウェブサイトに大きな効果を与える5つのデザイントレンドがあります。 1. ミニマリスト Ambl
オンラインで無料で聴ける、心と体を癒すサウンド集 | コリス
波音、雨音、風音、砂音の自然環境をはじめ、動物や鳥の鳴き声、ノイズなど、緊張感やストレスを和らげるサウンドをオンラインで無料で聴けるサイトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
有名企業・大学などのロゴやヴィジュアルを定義したスタイルガイドラインのまとめ
数分で簡単にできる、写真画像をミニチュア風のチルトシフトにするPhotoshopのチュートリアル | コリス
高解像度のコルクボードのフリーテクスチャ素材
ステキな文房具屋さんのリンク集
Photoshopでつくるタイポグラフィのチュートリアル -Part19
コリス
