TOP  >  Photoshop  >  実用的なPhotoshopサーチボックスをまとめた「36 Useful Search Box Designs In Photoshop Format」
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

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

詳しくは以下

search2
3 State Push Search Field (Psd) | Blugraphic
クールな印象のサーチボックス。ホバー時、関連ワード表示時のアクションも用意されています。
　
　
　
　
search4
Search Dropdown – 365psd
MacのUIに近いサーチボックスデザイン。丸みを帯びた柔らかな表現で、使いやすいデザインではないでしょうか。
　
　
　
　
search3
design deck | Predictive Search Field (PSD)
紙がめくれ上がったような表現が特徴。シンプルなので、幅広いデザインに使用できそうです。
　
　
サーチボックスのデザインにまでこだわりを見せることで、より良いサイトを作り出すことができるのではないでしょうか？是非一度取り入れてみてください。

36 Useful Search Box Designs In Photoshop Format | SmashingApps.com

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 11:24  |  
Category: Photoshop   
tag: Design photoshop search デザイン
このエントリーをはてなブックマークに追加

関連記事

Default Thumbnailさまざまな形の煙を表現できるphotoshopブラシまとめ「33 Sets of Free Smoke Photoshop Brushes」 Default Thumbnail質感のあるビンテージ感のあるテクスチャパック11「11 High-Resolution Textures: Old Equipment」 Default Thumbnail表現力の高いボタン素材のPhotoshopテンプレート集「35 Free “Call To Action” Button Templates (PSD)」 写真表現をもっと豊かにしてくれるフリーPhotoshopアクションまとめ「Best Free Photoshop Actions」

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください 【商用可】アナログ感のあるドローイングフリーフォント「THRONE」 アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」 子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」 クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」 バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」 インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」 個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」 最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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