Mobile UI Design Patterns. Free E-book By UXPin
The Essential Guide to Mobile Design Patterns A Deeper Look At the Hottest Apps Today For designers, engineers, and everyone else who wants to design better mobile apps Sometimes, it is best to learn from what others are doing and apply those lessons to your challenges. Fortunately, there are a lot of examples to learn from. In this guide, we pick apart some of the hottest apps out there. We analy
RE: UXã®æœ¬è³ªã«ã¤ã„㦠- UXploration
UI/UXã¨ã„ã†ä¸¦åˆ—表記ã¯åŸºæœ¬çš„ã«ä¿¡ç”¨ã—ãªã„。ã“ã‚Œã¯ã€é•·è°·å·ã•ã‚“ã¨è©±ã—ã¦ã„ã‚‹ã¨è‰¯ã話題ã«ä¸ŠãŒã‚Šã¾ã™ã€‚ ((c) The Gap between UI and UX Design - Know the Difference) UI/UXã®ä¸¦åˆ—表記å•é¡Œ æŸä¸é€”採用ã®æ±‚人検索サイト㧠"UI/UX" ã¨å…¥åŠ›ã—ã¦æ¤œç´¢ã—ã¦ã¿ãŸã¨ã“ã‚ã€900件以上㮠UI/UXデザイナーã®æ±‚人ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚è·åŸŸã‚„å¿…è¦ãªã‚¹ã‚ルã¯å®Ÿã«æ§˜ã€…ã§åŒä¸€ã®æž を争ã£ã¦ã„る様åãŒã‚ã¾ã‚Šè¦‹ã‚‰ã‚Œãªã„ã“ã¨ãŒç‰¹å¾´ã§ã™ã€‚"UI/UX" ã¨ã„ã†æ—¬ãªã‚ーワードを盛り込ã¿ã€å ´åˆã«ã‚ˆã£ã¦ã¯ã™ã¹ã¦ã‚’ãŠä»»ã›ã—ãŸã„ã€ãã‚“ãªãƒŸãƒ¼ãƒãƒ¼æ„ŸãŒæ¼‚ã£ã¦ã„るよã†ã«ã‚‚æ€ãˆã¾ã™ã€‚é•·è°·å·ã•ã‚“ã®ãƒ–ãƒã‚°ã§ã‚‚「UXã®æœ¬è³ªã€ã¨é¡Œã—ã¦è¨€åŠã•ã‚Œã¦ã„ã¾ã™ãŒã€UI/UXã¨ã„ã†èª¤ç”¨ã®å¼Šå®³ã®ã²ã¨ã¤ã«ã€èª²é¡Œæ„è˜ã‚’ç‹ã‚ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ("UI/UX" ã®æ¤œç´¢æ•°ã¯ã“ã“1å¹´é–“ã§2å€ã«)
Flat UI Free - Framework and Bootstrap Theme Design - Designmodo
Flat UI Free – Framework and Bootstrap Theme Design FreebiesAndrian Valeanu • March 08, 2013 • 2 minutes READ Flat UI Free is made on the basis of Twitter Bootstrap 3 in a stunning flat-style. Flat UI Free contains many basic and complex components which are great for designers to have at hand: buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars, slide
Webã¨ã¯ä¸€å‘³é•ã†ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®å‹•çš„UIè¨è¨ˆã¯ã€ã€Œè„±ãƒ»ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ æ€è€ƒã€ã§ã€ãˆãµã—ん】 - エンジニアtype | 転è·type
Twitterクライアント『モãƒãƒ„イã€é–‹ç™ºè€…ã§ã‚ã‚Šã€2012å¹´11月ã«æƒ³å‰µç¤¾ï¼ˆversion2）をè¨ç«‹ã—ãŸæœ‰åエンジニア・ãˆãµã—ã‚“æ°ãŒã€å¤‰åŒ–ã®æ¿€ã—ã„ãƒãƒƒãƒˆãƒ™ãƒ³ãƒãƒ£ãƒ¼ã‚„Webæ¥ç•Œã®ä¸ã§ç”Ÿã残ã£ã¦ã„ãエンジニアã®ç‰¹å¾´ã‚’独自ã®è¦–点ã§åˆ†æž ãˆãµã—ã‚“ã®Webサービスサãƒã‚¤ãƒãƒ«è¡“ è—¤å·çœŸä¸€ï¼ˆãˆãµã—ã‚“ï¼‰æ° FA装置メーカーã€Web制作ã®ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã‚’経ã¦ã€2006å¹´ã«paperboy&co.ã¸ã€‚ショッピングモールサービスã«ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã¨ã—ã¦æºã‚ã‚‹ã‹ãŸã‚らã€2007å¹´ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«å‘ã‘ã®Twitterウェブサービス型クライアント『モãƒãƒ„イã€ã®é–‹ç™ºãƒ»é‹å–¶ã‚’個人ã§é–‹å§‹ã€‚2010å¹´ã€æƒ³å‰µç¤¾ï¼ˆç¾ãƒ»ãƒžã‚¤ãƒ³ãƒ‰ã‚¹ã‚³ãƒ¼ãƒ—）をè¨ç«‹ã—ã€2012å¹´4月30æ—¥ã¾ã§ä»£è¡¨å–ç· å½¹ç¤¾é•·ã‚’å‹™ã‚る。ãã®å¾Œã—ã°ã‚‰ãフリーランスエンジニアã¨ã—ã¦æ´»èºã—ã€2012å¹´11月6æ—¥ã«æƒ³å‰µç¤¾ï¼ˆversion2）è¨ç«‹ アメリカã®iPhoneアプリã¯ãªãœã‚¯ãƒ¼
1分ã§ã‚ã‹ã‚‹UIã¨UXã‚’ã‚ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹å†™çœŸã¨ãŠè©± | インタラクションã¨ãƒ‡ã‚¶ã‚¤ãƒ³
ユーザインタフェース 使ã„ã‚„ã™ã„よã†ã«ã€ ã‚ã‹ã‚Šã‚„ã™ã„ç”»é¢ã«ã€ é–“é•ãˆã«ãã„よã†ã«ã€ 美ã—ã„æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã€ ä¸å¯§ãªèª¬æ˜Žã€‚ ã™ã°ã‚‰ã—ã„ユーザインタフェースãŒã§ããŸã€‚ ユーザエクスペリエンス ã—ã‹ã—ã€ãã®ATMã¯å°‘ã—時間ãŒã‹ã‹ã£ãŸã€‚ çµæžœçš„ã«ãŠå®¢ã•ã‚“ã¯ä¸¦ã¶ã“ã¨ãŒå¤šããªã£ãŸï¼ˆæ°—分を害ã™ã€ã‚¤ãƒ©ã‚¤ãƒ©ï¼‰ã€‚ 「ãŠé‡‘を引ã出ã™ã€é ã‘ã‚‹ã€ã¨ã„ã†éŠ€è¡Œã®ä½“験ã¯æ‚ªããªã£ã¦ã—ã¾ã£ãŸã€‚ 解説（UIã‹ã‚‰UXãŒé‡è¦ã¨è¨€ã‚れよã†ã«ãªã£ãŸç†ç”±ï¼‰ ã“ã®å ´åˆã€è‰¯ã„ユーザインタフェースをè¨è¨ˆã§ããŸã¨ã—ã¦ã‚‚ã€ä¸¦ã‚“ã§ã—ã¾ã†ã“ã¨ã‚’å•é¡Œã¨ã—ã¦æ‰±ã‚ãªããªã‚‹ã€‚ユーザインタフェースã®è¨è¨ˆã¨ã—ã¦ã¯ã€æœ€é«˜ã®ATMã‚’æä¾›ã™ã‚‹ã“ã¨ã¯ã§ãã‚‹ã ã‚ã†ã€‚ã—ã‹ã—ユーザエクスペリエンスã‹ã‚‰ã¿ã‚‹ã¨ã€æœ€é«˜ã®é 金・引出体験ã«ã¯ã‚‰ãªã„。ã¤ã¾ã‚Šã€æœ€é«˜ã®UIã‚’æä¾›ã—ã¦ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ã®å•é¡Œã‚’解決ã—ãŸã“ã¨ã«ãªã‚‰ãªã„。ã ã‹ã‚‰ã€Œãƒ¦ãƒ¼ã‚¶ã®ä½“験ã¨ã„ã†è¦–点ã‹ã‚‰UIã‚’è¨è¨ˆã—ã¦ã„ã“ã†ã‚ˆï¼ã€ã¨ã„ã†æµ
「写真ãŒèªžã‚‹UXã¨UIã®é•ã„ã€ã«ã¤ã„ã¦æ€ã†ã“ã¨ã€‚
åŠå·å“也ã•ã‚“ãŒã€Œå†™çœŸãŒèªžã‚‹UXã¨UIã®é•ã„ã€ã¨ã„ã†ãƒ–ãƒã‚°è¨˜äº‹ã§ã€ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šã€ŒUX 㨠UI ã®é•ã„を示ã™å†™çœŸã€ã‚’紹介ã—ã¦ã„ã¾ã™ã€‚ ãã®å†™çœŸã‚’見ã¦ã€åƒ•ã¯ Facebook ã«ã“ã†æ›¸ãã¾ã—ãŸï¼ˆ5 月 3 日）。 ã“ã®å†™çœŸã¯ã€Œç†è§£ã§ãã¦ã„ãªã„人ãŒç†è§£ã™ã‚‹ãŸã‚ã€ã§ã¯ãªãã¦ã€Œç†è§£ã—ã¦ã„る人ãŒã‚¯ã‚¹ãƒƒã¨ç¬‘ã†ãŸã‚ã€ã®ã‚‚ã®ã ã¨æ€ã†ã€‚一種ã®ã‚¸ãƒ§ãƒ¼ã‚¯ã¨ã„ã†ã‹ã€‚ ã‚€ã—ã‚ç†è§£ã—ã¦ãªã„人ãŒè¦‹ãŸã‚‰å‹˜é•ã„ã—ãã†ãªæ°—ãŒã™ã‚‹ãªã€‚ ã“ã‚Œã‹ã‚‰æ›¸ãã®ã¯ã€ã“ã®ç™ºè¨€ã‚’自分ãªã‚Šã«å芻ã—ã¦ã€ã‚‚ã†å°‘ã—具体的ã«æŽ˜ã‚Šä¸‹ã’ã¦è€ƒãˆã¦ã¿ãŸçµæžœã§ã™ã€‚ 写真ã«ã¤ã„ã¦åƒ•ãŒæ„Ÿã˜ãŸã“㨠「一種ã®ã‚¸ãƒ§ãƒ¼ã‚¯ã€ã€Œç†è§£ã—ã¦ãªã„人ãŒè¦‹ãŸã‚‰å‹˜é•ã„ã—ãã†ãªæ°—ãŒã™ã‚‹ã€ã¨åƒ•ãŒæ›¸ã„ãŸã®ã¯ã€ã¤ã¾ã‚Šã€Œã“ã®å†™çœŸã˜ã‚ƒ UX 㨠UI ã®é•ã„ãªã‚“ã¦åˆ†ã‹ã‚Šã£ã“ãªã„ã€ã ã¨æ„Ÿã˜ãŸã‹ã‚‰ã§ã™ã€‚ ã‚€ã—ã‚「勘é•ã„ã—ãã†ã€ãªãらã„ã€èª¤è§£ã‚’æ‹›ãæã‚Œã®ã‚る「ä¸å®Œå…¨ãªãƒ“ジュアル表ç¾ã€ã ã¨æ€ã£ãŸè¨³ã§ã™ã。 ã¾
スマートフォンサイトã§å¥½ã¾ã‚Œã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€ãƒªã‚µãƒ¼ãƒã€‘
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine プレミアムセミナーã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
25 Examples of Wireframes and Mockups Sketches | Inspirationfeed
Would you start building a website without blueprints? If you said yes, good luck with that. If you said no, then you are 100% right! Before building any website you have to have an idea of how things will function and look. It’s wise decision to do a rough sketch with a pencil for the future website. Usually planning could take a few days, and new ideas arise while you ponder. If new things popup
Portal Story – Delivering the Best News to you!
Alabama wide receivers have been a fixture in the first round in recent drafts, but one of this year’s prospects is believed to have suffered
Turn.js: The page flip effect in HTML5
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
40 Brilliant Examples of Sketched UI Wireframes and Mock-Ups
Creating wireframes and mock-ups is quite easy to do digitally these days. Applications are available everywhere, and there’s one for every style. While many prefer to do that part of the work digitally during the process, there are still quite a few designers who actually choose to do it the old-fashioned way using a Moleskine or other ways of drawing by hand. We all have our preferences and the
iPhoneå‘ã‘Webサイトã®åˆ¶ä½œç‰ã«å½¹ç«‹ã¡ãã†ãªæƒ…å ±ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
iPhoneå‘ã‘ã®Webサイトを制作ã™ã‚‹ éš›ã«å½¹ç«‹ã¡ãã†ãªæƒ…å ±ã®ã¾ã¨ã‚ã§ã™ã€‚ æƒ…å ±ãŒå¤šãã¦æ··ä¹±ã—始ã‚ãŸã®ã§ã€å€‹äºº çš„ãªãƒ¡ãƒ¢ã€‚iPhone関連ã®Web制作情 å ±ã¯åŸºæœ¬çš„ã«è¼‰ã›ã¦ã„ã¾ã™ã€‚アプリ 制作ã¨ã‹ãã£ã¡ç³»ã¯ãŸã„ã—ã¦ç„¡ã„ã® ã§ã”了承下ã•ã„。 個人的ã«ã‚°ãƒƒã¨æ¥ãŸiPhone / iPad周りã®æƒ…å ±ã‚’ãƒ¡ãƒ¢çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ç´ æã¨ã‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‹Tipsã¨ã‹ãã†ã„ã†ã®ä¸å¿ƒã§ã€SDKã¨ã‹Objective-Cçš„ãªæƒ…å ±ã¯ç„¡ã„ã§ã™ã€‚é †ä¸åŒã€‚ フレームワークã¨ã‹ã‚¹ã‚¯ãƒªãƒ—ト Webアプリã¨ã‹iPhoneサイトå‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‹ã€‚ jQuery Mobile スマートフォンå‘ã‘ã®jQueryå…¬å¼ãƒ©ã‚¤ãƒ–ラリ。リリースãŒå¾…ã¡é ã—ã„ã§ã™ã。 jQuery Mobile Sencha 以å‰è§¦ã£ã¦ã¿ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚HTML5ã¨jsã®ã¿ã®Webアプリå‘ã‘フレームワーク。 Sencha Titaniu
Showcase of Interesting Navigation Designs — Smashing Magazine
Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues. If page is long and provides different levels of navigation, will users be able to find their way thr
The Ultimate List of Style Guides and UI Guidelines - The UX Bookmark
If you are a graphic designer or an interaction designer and have ever been tasked with creating a style guide or UI guidelines document (both are different and I’ve had the pleasure to work on both of them creating templates and the actual documents for brands and products), this list should help you out as a consolidated list of references. This list is going to be constantly updated (and will u
インターン講義5日目「ユーザインターフェース,HTML5〠- Hatena Developer Blog
インターン生ã¯ã€é€£æ—¥ã®è¬›ç¾©ã¨èª²é¡Œã§å¤§å¤‰ãã†ã§ã™ãŒã€ä»Šæ—¥ã‚‚講義ãŒç¶šãã¾ã™ã€‚ 本日ã¯ã€id:nanto_viã«ã‚ˆã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹,HTML5ã€ã§ã™ã€‚仕様書を隅々ã¾ã§èªã‚“ã 講師ã«ã‚ˆã‚‹ãƒ‡ã‚£ãƒ¼ãƒ—ãªè¬›ç¾©å†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚今日も2時間ã®é•·ä¸å ´ã§ã™ãŒã€é ‘å¼µã£ã¦ç€ã„ã¦ã„ãã¾ã—ょã†! ユーザーインターフェースã€HTML5 ユーザーインターフェースã§å¤§åˆ‡ãªã“ã¨ã€HTML5 åŠã³é–¢é€£ API ã§ä½•ãŒã§ãる㋠自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークãƒãƒ¼ãƒ アプリケーションエンジニア ã¯ã¦ãªãƒ–ックマーク Firefox æ‹¡å¼µ ã¯ã¦ãªãƒ„ールãƒãƒ¼ for Firefox ã¯ã¦ãªãƒ–ックマーク Twitter 投稿機能 ã¯ã¦ãªã‚µãƒžãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ 2008 ãªã‚“ã¨ãªã Emacs 富山県å—ç ºå¸‚ã¨ã¯ã‚ã¾ã‚Šé–¢ä¿‚ãªã— 概略 UI ã®è©•ä¾¡ãƒ»è¨è¨ˆãƒ»å®Ÿè£…ã®æ¦‚ç•¥ HTML ã«ã¤ã„ã¦ã®æ¦‚ç•¥ã€HT
Top 40+ Free Web UI Kits & Templates – Speckyboy
Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef
HugeDomains.com
Captcha security check patternapp.com is for sale Please prove you're not a robot View Price Processing
最é©ãªãƒ†ã‚ストリンクã®è‰²ã¯ï¼Ÿ | ウェブ力å¦
é’系統ã®è‰²ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã«å¤‰ã‚ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ä»¥ä¸Šã«ãƒãƒ©ã¤ããŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚特ã«ã€Yahoo!ã®å ´åˆã¯ã€å„ジャンルã”ã¨ã®ãƒšãƒ¼ã‚¸ã§ã‚‚微妙ã«ãƒ†ã‚ストリンクã®è‰²ãŒå¤‰ã‚ã£ã¦ã„ã¾ã—ãŸã€‚ãã‚Œãžã‚Œã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ã«åˆã‚ã›ã¦å¤‰åŒ–ã•ã›ã¦ã„ã‚‹ã®ã ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ 楽天ã®ã‚ˆã†ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚’使用ã—ã¦ã„るサイトもã‚ã‚Šã¾ã—ãŸãŒã€å…¨ä½“ã‹ã‚‰ã™ã‚‹ã¨å°‘æ•°æ´¾ã®ã‚ˆã†ã§ã™ã€‚ Q&Aサイトã®æœ€å¤§æ‰‹OKWaveã¯Googleã¨åŒä¸€ã§ã—ãŸã€‚ã¾ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ã„ãˆã°ãƒ“ービットã•ã‚“ã€ã¨ã„ã†ã“ã¨ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸãŒã€ã‚„ã‚„æš—ã‚ã®é’を使用ã—ã¦ã„ã¾ã—ãŸã€‚ビービットã•ã‚“ã®ã“ã¨ãªã®ã§ä½•ã‹æ„味ãŒã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 クックパッド クックパッドã¯ã€æ—¥æœ¬æœ€å¤§ç´šã®ãƒ¬ã‚·ãƒ”検索ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ユーザービリティã«ã¯ç´°å¿ƒã®æ³¨æ„を払ã£ã¦ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸€äººå½“ãŸã‚Šã®å¹³å‡PVãŒé«˜ã„ã“ã¨ã§ã‚‚知られã¦ã„ã¾ã™ã€‚ ãã‚“ãªã‚¯ãƒƒã‚¯ãƒ‘ッドã§ã™ãŒã€ã‚µã‚¤ãƒˆã‚’ã®ãžã„ã¦ã¿
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
森田雄ã¨æ·±æ´¥è²´ä¹‹ã® UX ä¾ã€€åˆé™£ã€Œå…¨å›½ã‚¿ã‚¯ã‚·ãƒ¼é…車アプリã€é–‹ç™ºæ‹…当者ã¨UXを語る | UXサムライ
jQueryUI Icons List / Cheatsheet
{{#tags}}- {{label}}
{{/tags}}