TOP  >  ナビゲーション

Tag : ナビゲーション

2013年12月17日

現在のナビゲーションのトレンドを多方面から分析した「Up and Coming Navigation Trends」

Webサイトを制作する上で、ナビゲーションの設計はユーザーが最も触る部分だけに非常に重要な要素の一つであるといえます。同じWebサイトであっても、ナビゲーションの設計が上手く出来ているかどうかでユーザビリティはかなり変わってくるのではないでしょうか。そこで今回は、ナビゲーションのトレンドを多方面から分析した「Up and Coming Navigation Trends」を紹介します。

uacnt_0
Lack of navigation – Socket Studios 2013

ナビゲーションを取り払ってしまった例や、コンテンツを見せるために最小限に抑えたもの、全体的な閲覧の流れを作るなど、さまざまに工夫されたナビゲーションの事例が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2013年09月10日

CSSで実現できる15の美しいナビゲーションメニュー「15 Beautiful and Creative CSS Navigation Menus」

ナビゲーションメニューを作る時、いつも似たようなデザインになってしまってはいないでしょうか?そんな時に是非利用したい、CSSのみで実現できるナビゲーションメニューをまとめた「15 Beautiful and Creative CSS Navigation Menus」を今回は紹介したいと思います。

nav_0
UAE, Dubai- Sharjah based web & designer, Front-end developer S.M.Riyaz

プルダウンのついた便利なメニューや、デザイン性を重視したハイクオリティなメニューまで、さまざまなCSSナビゲーションメニューが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:24  |  
Category: Other   
このエントリーをはてなブックマークに追加
2012年07月01日

ナビゲーションを極める。PSDでダウンロードできるナビゲーション集「45 Great Free Navigation Menu PSDs」

WEBデザインで重要な要素の一つナビゲーション。このナビゲーションの分かりやすさや動作次第でサイトの使い勝手は大きく変わってきます。今日紹介するのは45種類ものナビゲーションがPSDでダウンロードできる「45 Great Free Navigation Menu PSDs」を紹介したいと思います。


Simple navigation menu by Pawel Kadysz

シンプルなものから、作り込まれたものまで、様々なナビゲーションがまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:10  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2012年03月26日

デザイン性の高いナビゲーションメニューまとめ「Unusual & Unique Examples Of Website Navigation」

WEBサイトのページ遷移のために欠かせないナビゲーションメニュー。横や縦一列に並び、誰にでも分かりやすいものが多いですが、いかに印象的なデザインができるかでデザインのクオリティが左右されるのではないでしょうか。そんな中今回は、デザイン性の高い新しいナビゲーションメニューのデザインをまとめた「Unusual & Unique Examples Of Website Navigation」です。


organic grid

レイアウトや表現方法がユニークなメニューデザインがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2018年03月22日

エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」

Webサイト閲覧時やゲーム画面などでエラー表示を目にしたことがある人は多くいるかと思います。最近では様々な表現があるかと思いますが、今回紹介するのは、エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」です。

CrashedGlitch_01

テキストにノイズや歪みなどを加えて表現されるエラー表示のエフェクトのセットです。

詳しくは以下

(続きを読む…)

続きを読む
2015年09月22日

テキストをもっと魅力的に表現できるエフェクト集「25 Insanely Creative Text Effects You Can Use For Free!」

デザインをより印象的に見せるための手法として、テキストにグラフィック処理をかけるといった方法を取ることもあるかと思いますが、どうやって加工したら良いのか、イメージはあるけれど表現できないといった状況に遭遇することもあるのではないでしょうか?今回はそんな時に参考にしたい、テキストをもっと魅力的に表現できるエフェクト集「25 Insanely Creative Text Effects You Can Use For Free!」を紹介したいと思います。

effect09222_2
Neon text effect with two color scheme PSD file | Free Download

テキストに加工を施すことで、デザインをより魅力的に見せてくれるエフェクトが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:30  |  
Category: Design   
2010年08月04日

ベクターデータのグランジ素材「15 Free High-Quality Subtle Grunge Vectors」

海外の素材系では定番のグランジを表現する素材。テクスチャやphotoshopブラシ等様々な素材が展開されていますが、今日紹介するのはベクターデータで使えるグランジ素材「15 Free High-Quality Subtle Grunge Vectors」を紹介したいと思います。

全部で15のグランジ表現に使えるベクターデータが公開されています。一部収録されているベクターデータが公開されていましたので下記に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:43  |  
Category: Design , vector   
2014年04月10日

デザイン・機能共に魅力的な フリーWordPressテーマ「25+ free WordPress themes for April 2014」

更新システムなどを取り入れたwebサイト制作によく利用されるWordPress。フリーのテーマも多数配布されており、便利に利用できるようになっています。そんな中今回紹介するのは、デザイン・機能共に魅力的なフリーWordPressテーマ「25+ free WordPress themes for April 2014」です。

wordpress140410_3
Capture Free | Slocum Themes

デザイン的に使いやすいWordPressテーマがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:41  |  
Category: WordPress   
2018年04月01日

花のモチーフが可愛らしいウェディングイメージのベクター素材「Free Floral Wedding Vector Labels」

最近では結婚式やパーティーで必要なアイテムを自分たちで作る人も多いようです。2人の個性や雰囲気に合ったものを手作りで準備するのも一つの醍醐味かもしれません。そんな中今回は、花のモチーフが可愛らしいウェディングイメージのベクター素材「Free Floral Wedding Vector Labels」をご紹介します。

FloralWedding_01

ウェディングアイテムに使える便利なベクターデータです。

詳しくは以下

(続きを読む…)

続きを読む
2011年03月16日

クオリティを重視したpsd素材まとめ「50 Useful and High Quality Free PSD Files」

グラフィック・webデザイン制作に非常に役に立つpad素材はいくつあっても嬉しいもの。そこで今回はクオリティを重視したpsd素材まとめ「50 Useful and High Quality Free PSD Files」を紹介したいと思います。

Android Icon Templates by ~bharathp666 on deviantART

さまざまな種類のpsd素材が収録されており、デザインのテイストに合わせてさまざまな使い方ができそうです。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
2008年12月15日

錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」

今まで、様々なフリーで利用できるテクスチャを紹介してきましたが、今回紹介するのは錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」です。

表面だけが錆びた素材、かなり浸食して、素材自体が錆びて剥がれ落ちたものなどなど様々なテクスチャが収録されています。下記にいくつか紹介しておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:18  |  
Category: Design , Photoshop   
2009年10月08日

様々なWEBの部分のデザインリソースを集めた「MephoBox Web Design and Web Inspiration」

WEBは様々な部品の組み合わせで成り立っていますが、今回紹介するのはそんば箇所別にデザインリソースを集めたインスピレーションサイト「MephoBox :Web Design and Web Inspiration」です。

mephobox01

注目のエントリー、ログインフォームから、ヘッダー、404Errorsなどなど、WEBでは欠かせない部分のデザインが多数集められています。

詳しくは以下

mephobox02
WEBサイト別のサンプル表示

多数のデザインが収録されており、WEBデザインを手がけている方には良いリソース集になるのではないでしょうか?部品別に見る事もできますし、WEBサイト別に探す事もできるようになっています。またWEBサイトからの件アs区ではカラーリングから探す事も可能になっています。

海外のWEBサービスですが、登録されているデザインの中には日本のWEBサイトからのものも登録されていました。様々な国のものが入り交じっていますので、幅広いデザインを見る事ができますので、自分の考えの外側からインスピレーションを得られるかと思います。デザインに煮詰まっている方は是非どうぞ。

MephoBox | Web Design and Web Inspiration

続きを読む
posted 04:44  |  
Category: Design , Photoshop   
tag: webdesign
2017年12月05日

時間をかけずに作れる20種類のレターヘッドテンプレート「20 Letterhead Templates & Mockups That Will Save You Time」

会社で決まったテンプレートのレターヘッドを使っている方も多いかと思いますが、今回はレターヘッドを時間をかけずに作れる20種類のテンプレート「20 Letterhead Templates & Mockups That Will Save You Time」を紹介したいと思います。

Letterhead01
Corporate Letterhead design free download on Behance

アレンジも可能な、整ったレターヘッドデザインのテンプテートが集約されたまとめとなっています。いくつか気になったものをピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Tool   
2009年05月21日

布のイメージを作り出すフリーphotoshopパターン「12 Free High Resolution Fabric Photoshop Patterns」

柔らかな印象だったり、アナログな感触だったり、デザインとは非常に親和性の高い布のテクスチャ。今日紹介するのはphotoshop上で布の質感を簡単に表現できるphotoshopパターン「12 Free High Resolution Fabric Photoshop Patterns」を紹介したいと思います。

ptexample00

パターンは全部で12種類収録されていて、どれもそれぞれ上記のサンプルファイルのように着色されています。いくつか実際に制作してみましたので、下記に貼り付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:12  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る