ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 // Speaker DeckCopyright © 2013 GitHub Inc. All slide content and descriptions are owned by their creators. F.A.Q. Terms of Service Privacy Policy
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
時間をかけて見てほしい！デザインや仕掛けが素晴らしいウェブサイトのまとめ
今回はデザインの細部までこだわりを感じる、操作性が面白い、そんなアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 コンテンツファースト、Off Canvas、1ページ垂直スクロールがキーワードです。 また各サイト、ナビゲーションが非常に変わっていますが、初めてでも迷うことなく操作できると思います。ゆっくり時間かけて楽しんでください！ Amanda Gerhardsen ノルウェーの写真家さんのポートフォリオ、ダイナミックな四方向のナビゲーション、各UIエレメントの繊細な動きが楽しめます。左上の「Remix」で落書きもできるとても楽しいサイトです。 iArk ノルウェーのインテリアデザインのコーポレートサイト、サイト全体のトーン&マナーが非常にかっこよく、レイアウトやタイポグラフィ、写真全てが美しくデザインされています。右サイドのOff Canvasも面白い使い方です。
スライド「 使ってもらえるアプリの考え方」を公開しました | fladdict
SlideShareにスライドを公開しました。「スマホデザイン会議 2012忘年会」でのプレゼンです。 監訳させていただいたTapWorthyの巻末原稿をベースに、より突っ込んだ話を追加しています。 ただし、時間的な問題で扱ってる範囲は、狭く深くしています。 完全版はまたどこか、別の機会に。質問やツッコミは @fladdict まで、よろしくお願いいたします。。
Home - Colin Grist
Colin Grist is an award-winning designer and co-founder of Few and Far based in Leeds, UK. Profile
Caption Hover Effects | Codrops
A tutorial on how to create some subtle and modern caption hover effects. Today we want to show you how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a hover effect to the items which will reveal a caption with the title, author and a link button. For some of the effects we will use 3D transforms. The aim is to keep the effects
Foundation for Sites | The most advanced responsive front-end frameworks in the world.
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, includi
Design lessons for everyone, curated by top designers
An easy to follow design course for people who do amazing things. Receive a design lesson in your inbox each week, hand crafted by a design pro. Learn at your own pace, and apply it to your real life work. Curated Resources Don't know where to start? We’ve enlisted the world’s top designers to craft lessons for learning the tools, techniques & terminology of good design. Interactive Content Learn
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
Footer design, 200+ best
As most of you guys probably know, the footer is the last significant part of a website. It tends to be used for placing important information, such as the RSS feedback button, slide galleries, contact information, latest posts, the site map, among others. But the footer its not just a large space to fill the bottom of the page. Its a whole design area, in which the designer can place some pretty
WEBデザインに質感を与えてくれるシンプルなフリーパターン素材15「15+ Free Patterns for your Designs」
背景やエリアなどに敷くパターン素材。無機質なWEBデザインに質感やクオリティをプラスしてくれる非常に便利な素材です。今日紹介するのはシンプルなフリーパターン素材を集めたエントリー「15+ Free Patterns for your Designs」です。 Subtle Light Tile Pattern Vol5 様々な素材のパターンがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Wood Pattern Background シンプルめな木目のパターンがセットになったパターン素材。 Subtle Grunge シンプルなシロ系のグランジ素材。ちょっとだけ質感を持たせたいときにおすすめです。 Lined paper ノートの罫線を表現できるパターン素材。コンテンツエリアに利用しても面白いかもしれません。 上記の他にも様
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IcoMoon App
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
原デザイン研究所
http://www.designmarkgraphics.co.uk/blog/articles/2013/11/26/create-long-shadow-icons-for-flat-designs-in-inkscape.html
[CSS]2013年、素敵なアイデア満載のスタイルシートのテクニックのまとめ
Placehold.it - Quick and simple image placeholders
ColourCode: Color Palette Generator | Toptal®
all sides water
