Mobile Navigation Design & Tutorial - Web Designer Wall
One of the common challenges when designing responsive design for mobile is the navigation menu. If the site has many sections or pages, it gets challenging to squeeze all the items into a small mobile resolution. The navigation most likely ends up running into multiple lines or the buttons stacking on top each other. So I’m going to review some of the design solution and provide a quick tutorial
.Mail App 2011 - House of van Schneider
READ FIRST The email concept below designed in 2010 was the original idea behind the DotMail app. Unfortunately after many attempts the app never launched officially. This is the archived concept. (also excuse me for the JPG below, thats all I have left, you won't be able to read anything on mobile) → Read the full story here
21 Inspiring Examples of Icons in Web Design - Web Design Ledger
Inspiration 21 Inspiring Examples of Icons in Web Design Gisele MullerJune 4, 20129 Comments04.5k Icons are a really important element of an attractive and effective website. It doesn’t matter if you use an icon from a free pack or if you design your own, if you use them properly it makes all the difference. Today we gathered a few examples of inspiring icon usage to keep your ideas floating. From
怒涛のサイトナビゲーション総まとめ！事例、チュートリアル、参考サイト、僕の知る何もかもを紹介！ | バンクーバーのうぇぶ屋
レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを考える時、話に上がるナビゲーションの呼び方とか、種類とか、大量多量過ぎてもう分け分けらなくなってきたので、ちょっと僕自身の復習と、参考サイトやらチュートリアルやらないかを全部まとめてしまいたかったので、僕と、僕の周りのデザイナーさん達の役にたてるよう、今回記事にさせてもらうことにしました！ 実際にWEB制作に携わる中で、聞いたことのある物を分類させて頂くので、僕の勝手な分け方になってしまい申し訳ない限りなんですが、何かナビゲーションやレイアウトに悩んだ時にでも参考か何かにしていただければ嬉しい限り
LukeW | The History of Amazon’s Tab Navigation
The History of Amazon’s Tab Navigation by Luke Wroblewski May 7, 2005 Amazon.com popularized the tab navigation metaphor online. Through the years they explored multiple interface design solutions to make their growing product inventory accessible to Web users. As a result, some interesting lessons emerge when one looks at how the site's top-level navigation has changed over the years. In 1998, th
効果的なナビゲーションを設計する5つの大切なポイント
How To Design Effective Navigation Menus [ad#ad-2] 下記は各ポイントを意訳したものです。 Positon -ポジション Simplicity -シンプル Wording -ワーディング Color -カラー Icons -アイコン [ad#ad-2] Positon -ポジション ナビゲーションをページのどこに配置するかは、非常に重要です。 ユーザーがページを見る際にある特定のパターンがあります。ユーザビリティの大家ニールセンによるFパターンが有名です（F-Shaped Pattern）。これは、ユーザーがページを走査する際、上部と左部に（Fの文字のように）フォーカスを合わせるというものです。 こういったパターンを理解し、それがどのように機能するかを学び、何を期待するべきかのアイデアを得るために使います。数多くのサイトを見て、ユーザーに配慮
The Elements Of Navigation + 6 Design Guidelines — Smashing Magazine
When users look for information, they have a goal and are on a mission. Even before you started to read this article, chances are you did because you either had the implicit goal of checking what’s new on Smashing Magazine, or had the explicit goal of finding information about “Navigation Design”. When users look for information, they have a goal and are on a mission. Even before you started to re
We need a standard show navigation icon for responsive web design
Blog home Words: Andy Clarke March 17th, 2012 Filed in responsive We need a standard show navigation icon for responsive web design You know those responsively designed sites where — on small screens like smartphones — navigation is either hidden or set at the bottom of a layout, then revealed when you click a button? Well, I think we need a standard ‘show navigation’ icon for that button in respo
iPhone AppのPathみたいなナビゲーションを実装できる Swpnav.js :: 5509
PathみたいなナビゲーションをWebページに実装するライブラリです。同じようなのは他にもあると思いますけど、これの特徴は対象に当たっている他のライブラリと干渉しにくいということでしょうか。iScrollみたいなイベントキャンセルが強力なやつはだめだと思います。 サンプルがまさにそれなんですけど、同僚の@が作った flipsnap.jsとは共存できます。レイヤー毎にスワイプ判定をしてるので、上位レイヤーで一度キャンセルすると Swpnav が実行されてる下位レイヤーにはイベントが飛ばなくなるような感じで、この Swpnav とか flipsnap のような作り方をしているライブラリとは共存できると思います。 サンプル（Webkitのみ ホスト githubにあります 5509/Swpnav – GitHub 使い方 ソースコードをダウンロードして、任意の場所に swpnav.js を置き、
20 Inspiring Navigation Menus - Web Design Ledger
Inspiration 20 Inspiring Navigation Menus Gisele MullerOctober 24, 201120 Comments02.6k Navigation is certainly a very important part of web design and an important aspect to think about while designing a page. Today we gathered a few examples of navigation menus to show you. From clean and simple typography based menus to colorful and fixed positioned ones, there are a lot of examples to inspire
21 Beautiful And Creative Navigation Menus
clyp – iPhone Sidebar This is an iPhone sidebar navigation design concept. This example has a left bar that only appears when sliding your finger to the right side. This example uses a colorful flat design that makes the interface look nice and friendly. This is a work in progress because the designer is still testing different icons. All in all, this example has everything well organized which ma
フォトレポート：Windowsスタートメニューの進化--Windows 95からWindows 7まで
WindowsのStartメニューは、知ってのとおり、同OSにあるアプリケーションやタスクのすべてが集まっている。しかし、このメニューは、初めからStartメニューと呼ばれていたわけではない。 本記事では、「Windows 95」から「Windows 7」までにおけるStartメニューの進化を紹介する。 提供：Greg Shultz WindowsのStartメニューは、知ってのとおり、同OSにあるアプリケーションやタスクのすべてが集まっている。しかし、このメニューは、初めからStartメニューと呼ばれていたわけではない。 本記事では、「Windows 95」から「Windows 7」までにおけるStartメニューの進化を紹介する。
Best of Breadcrumbs and How They Enhance Your Website - SpyreStudios
Breadcrumb navigation offers a visually enticing way for users to keep track and know where they’re specifically located as they navigate your site. Overall, it increases the usability of your website, especially if it has various pages that need to be organized and structured in a certain hierarchical order. More than often breadcrumbs are usually styled horizontally and can be pretty hard to mis
Design Patterns: Faceted Navigation
For instance, applications rely on a mix of scented widgets for viewing and interacting with facet values, and some shift facet selectors to the top or right rather than the left. Presenting facets along the top draws added attention to the narrowing facility. Given massive result sets, this is an effective way to highlight the data structure and draw users into filtering. Top placement may someti
Breadcrumb Navigation: Best Practices and Examples
Breadcrumb navigation is often overlooked in the design and development process. Some people may see it as unnecessary, while others may feel it is too big of a hassle for what its worth. The fact of the matter is, breadcrumb navigation will significantly increase the usability of a website. Breadcrumbs give users an alternative method of navigation, allow them to see where they stand in the hiera
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Publicis Sapient | Digital Business Transformation & Consulting
Designing Gmail’s new left navigation | Official Gmail Blog
Welcome blog.echoenduring.com - BlueHost.com
http://blogwebdesigner.com/web-design/icons-in-web-design/
ページが見つかりません404 Error | 三菱総合研究所（MRI）