TOP  >  search

Tag : search

2014年10月22日

実用的なPhotoshopサーチボックスをまとめた「36 Useful Search Box Designs In Photoshop Format」

サイト内を検索する時に使用するサーチボックス。基本シンプルなデザインで配置されることが多いですが、今回はデザイン的に表現したい時に参考にしたい、実用的なPhotoshopサーチボックスをまとめた「36 Useful Search Box Designs In Photoshop Format」を紹介します。

search1
Search Field PSD Collection – Free PSD Files

いろいろなタイプのデザインで構成されたサーチボックスが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:24  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2016年10月11日

都市のデザインを反映したアイコンセット「Citysets」

世界では様々なアイコンセットが公開されていますが、今日紹介するのはWEBデザインからは少し離れた、都市のデザインを反映したアイコンセット「Meet Citysets.」です。

city01

Meet Citysets.では、ロンドン、ニューヨーク、パリ、シドニーと4つの都市のセットとなっており、それぞれの街を感じるモチーフがアイコン化されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , vector   
2018年03月18日

ピクセルで作られたPOPなアイコンセット「Mario Pixel Icon Collection」

昔懐かしいドット絵。レトロな雰囲気やユニークなデザインには最適なアイコンスタイルです。今回はそんなデザインに取り組もうとしている方におすすめできる「Mario Pixel Icon Collection」をご紹介致します。

MarioPixelIconCollection_top

ピクセルで作られたPOPなアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2017年06月07日

Illustratorでイラストを制作する為の30のチュートリアル「Illustrator Tutorials: 30 New Tutorials to Learn Illustration and Drawing Techniques」

デザインに合わせて依頼されることの多いイラスト制作。自力で制作したくても、イラスト制作は苦手…というデザイナーさんもいらっしゃるのではないでしょうか。今回ご紹介するのはそんな方にお勧めしたい、Illustratorを使用してイラストを制作する為のチュートリアルをまとめた「Illustrator Tutorials: 30 New Tutorials to Learn Illustration and Drawing Techniques」です。

illustrator_tutorial_30_main

様々なテイストのイラストレーションを制作する方法が掲載されており、既にイラスト制作の技術をお持ちの方でも表現の幅を広げられる、参考になるチュートリアルが集まっています。今回はその中から気になったものを幾つかピックアップしましたので、ご覧下さい。

詳しくは以下
(さらに…)

続きを読む
2014年04月15日

オブジェクトにさまざまな動きを実現できるCSS3アニメーション「Create Special Effects with Magic CSS3 Animations」

デザインに多彩な表現を加えることが可能となるCSS3。もはや欠かすことのできない存在として確立していますが、今回紹介するのはオブジェクトにさまざまな動きを実現できるCSS3アニメーション「Create Special Effects with Magic CSS3 Animations」です。

cssanimation

CSS3を利用し1つのオブジェクトに与えられる、いろいろな動きのバリエーションがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2010年07月27日

さまざまな人種のアイコンセット「55 free user icons pixel by pixel icons」

webデザインなどさまざまなシーンで活用できるアイコン、持っているだけで便利な存在ですが、今回はとてもユニークなテーマのアイコンセット「55 free user icons pixel by pixel icons」を紹介したいと思います。

いろいろな種類の人種、または職業がテーマとなっているようで、制服や衣装、中にはどこから見ても個性的なキャラクターの姿をしたものなど、一つ一つ見ているだけでも面白いアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 02:05  |  
Category: Design   
2014年01月16日

32種のシームレスなパターンを集めたwebサイト「The Pattern Library」

デザインの背景に利用されるパターン素材。さまざまな柄の入ったものがいろいろと展開されていますが、webサイトの背景などブラウザによって見える範囲が違う場合などは、継ぎ目の無い連続したパターンが望まれます。今回はそんなシーンにも活用できる、シームレスなパターンを集めたwebサイト「The Pattern Library」を紹介したいと思います。

patternlibrary

32種のデザインパターンがまとめられており、個性的なデザインのものが多いのが印象的です。

詳しくは以下

(さらに…)

続きを読む
posted 10:37  |  
Category: Design   
2008年12月26日

ブラウザ上でカスタマイズできるCSSメニュー生成ジェネレータ「MyCSSMenu」

HTMLとCSSで作るドロップダウン式やアコーディオン形式のインターフェイスを備えたメニューが簡単に生成できるジェネレーターが今回紹介する「MyCSSMenu」です。

生成の仕方は簡単で、マジは右側に表示されているメニューからベースとなるメニューを選びます。ベースとなるメニューは全部で22個の登録されていて、横、縦と大きく分けると2種類のメニューがあり、様々なデザインが登録されています。ベースが決定したら、右下の「Customize Menu」のボタンをクリックするとカスタマイズすることができます。

詳しくは以下

(さらに…)

続きを読む
posted 03:27  |  
Category: WebDesign   
2016年01月25日

ポスターや額縁入グラフィックのモックアップ作成に活用したいフリー素材「Poster Frame Mockup」

ポスターなどの告知ツールをデザインした際、実際に貼りだされるイメージを確認したいというシーンは多いと思います。今回はそんな時に便利な、ポスターや額縁入グラフィックのモックアップ作成に活用したいフリー素材「Poster Frame Mockup」を紹介します。

frame0

さまざまな大きさのフレームテンプレートがセットでフリーダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年06月11日

ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」

ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。

peel01
simple-page-peel-effect-with-jquery-css

全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: WebDesign   
tag: webdesign
2013年10月10日

ティッシュのさまざまな表情を感じられるテクスチャ「15 Useful Tissue Textures For Your Designs」

私たちの生活の中にとけ込む柔らかな紙たち。その中でも暮らしの中で必需品となっているティッシュは通常、単なる白い紙を思い浮かべてしまいますが、柄や汚れによってさまざまな表情が生まれるもの。今回はそんなティッシュのテクスチャをまとめた「15 Useful Tissue Textures For Your Designs」を紹介したいと思います。

15uttfyd_0
Crinkled Striped Tissue by kizistock on deviantART

種類も豊富で、さまざまな表情のティッシュが集められています。中でも気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る