Mobbin - The world’s largest mobile & web app design reference libraryThe world’s largest mobile and web design library.Save hours of UI & UX research with our library of 300,000+ screens from the world’s best designed apps.
ã¤ã‚ˆã„UI - transitkix design log
…ã¨ã„ã†ã‚‚ã®ã‚’最近考ãˆã¦ã„ã¾ã—ãŸã€‚「画é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã®OKももらã£ãŸã—ã€ç§ã®ä»•äº‹ã¯çµ‚ã‚ã‚Šï¼ã‚ã¨ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«æŒ‡ç¤ºæ›¸ã‚’渡ã™ã ã‘ã€ã¨ä¸€æ¯ã¤ã„ãŸæ™‚ã«ã“ãã€æ”¹ã‚ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’見ã¤ã‚ãªãŠã™ã¹ãã§ã™ã€‚ ã¤ã‚ˆã„UIã§ã‚ã‚‹ãŸã‚ã®7ã¤ã®è¦–点 1.本æ¥ã€ãã“ã«ã‚ã‚‹ã¯ãšã®æƒ…å ±ãŒãªã„å ´åˆã¯ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ リストUIã§è¼‰ã›ã‚‹æƒ…å ±ãŒ0件ã€æ–‡ç« ãŒç©ºã£ã½ã€ç”»åƒãŒãªã„時ãªã© 2.表示ã™ã‚‹è¦ç´ ãŒæƒ³å®šã‚ˆã‚Šã™ã”ã多ã„/ã™ã”ãå°‘ãªã„å ´åˆã¯ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ æ•°å—ã®æ¡æ•°ã€æ–‡ç« ã®è¡Œæ•°ã€æ–‡ç« ãŒå…¥ã‚Šãã‚Œãªã„å ´åˆã¯æ–‡ä¸ãƒ»æ–‡æœ«ã®ã©ã“ã‚’çœç•¥ã™ã¹ãã‹â€¦ãªã© 3.ユーザーã•ã‚“ã®ç«‹å ´ã«ã‚ˆã£ã¦ã€è¡¨ç¤ºè¦ç´ ã«å¤‰åŒ–ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ゲストã¨ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã€ç„¡æ–™ä¼šå“¡ã¨æœ‰æ–™ä¼šå“¡â€¦ãªã© 4.ãƒãƒ¼ãƒ‰ä¸ã€ã‚‚ã—ãã¯ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ã¾ã§ä½•ãŒå‡ºã¦ã„ã¾ã™ã‹ï¼Ÿ 通信ä¸ã®è¡¨ç¤ºã€èªã¿è¾¼ã¿ä¸ã®ç”»åƒã‚¨ãƒªã‚¢â€¦ãªã© 5.予期ã›ã¬ã‚¨ãƒ©ãƒ¼ãŒèµ·ã“ã£ãŸæ™‚ã€ç”»é¢ã¯ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ 通信エラーã€ãƒªãƒ³ã‚¯å…ˆã®ã‚³ãƒ³
18 designers predict UI/UX trends for 2018 | Figma Blog
A designer’s obsession always circles back to one simple question: How can we improve the user’s experience? Designers are always looking toward the future — in our “build and ship it now†industry we’re programmed to iterate ad finitum. In the end, a designer’s obsession always circles back to one simple question: How can we improve the user’s experience? With that in mind, Figma asked 18 designe
UI考：ユーザーインターフェイスã¨å·¦å³ã®æ–‡åŒ– – å‰ç·¨
https://flic.kr/p/Tngybf, Credit: Some rights reservedã“ã®è¨˜äº‹ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€ç§ãŸã¡ã®ã€Œæ–‡åŒ–ã€ãŒã©ã®ã‚ˆã†ã«é–¢ã‚ã£ã¦ã„ã‚‹ã®ã‹ã¨ã„ã†ã“ã¨ã‚’考察ã—ã¦ã¿ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚具体的ãªâ€œã‚¢ãƒ—リケーションã®UIデザインâ€ã«è¸ã¿è¾¼ã‚€å‰ã«ã¾ãšã¯æ—¥æœ¬èªžã®ä½¿ã‚れ方を観察ã—ã€ãã—ã¦æµ·å¤–ã®æ–‡åŒ–ã¨ã®æ¯”較を簡å˜ã«è¡Œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã«ä»Šã¾ã§ã«ã‚‚ç§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã«ãŠã‘ã‚‹å·¦å³ã«ã¤ã„ã¦è€ƒå¯Ÿã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚Mac OSã®ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã«ã¤ã„ã¦ã„るクãƒãƒ¼ã‚ºãƒœã‚¿ãƒ³ã¯ãªãœå·¦é…ç½®ã§ã‚ã‚‹ã®ã‹ã€‚デスクトップアイコンã¯ãªãœå³é…ç½®ã§ã‚ã‚‹ã®ã‹ã€‚デスクトップã®æ–¹ã«ã¤ã„ã¦ã¯è‹¥å¹²ç–‘å•ãŒæ®‹ã‚‹å½¢ã¨ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ãŒå·¦å¯„ã›ã§ã‚ã‚‹ã“ã¨ã¨ç‹ã„ç”»é¢ã‚µã‚¤ã‚ºãŒé–¢ä¿‚ã—ã¦ã„ãã†ã§ã‚ã‚‹ã¨ã„ã†ã¨ã“ã‚ã¾ã§ã¯è¾¿ã‚Šç€ã‘ãŸã‹ãªã¨æ€ã„ã¾ã™ã€‚
èªçŸ¥å¿ƒç†å¦ã¨UIデザインã«é–¢ã™ã‚‹ãƒ¡ãƒ¢
photo credit: dierk schaefer via photopin cc ã“ã‚“ã«ã¡ã¯ã€@h0saã§ã™ã€‚ 約１ヶ月経ã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€2014å¹´7月17æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸã€HCD-Net主催セミナー「èªçŸ¥å¿ƒç†å¦ã¨UI,UX入門ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ UIデザインæ¥å‹™ã«æ´»ã‹ã›ã‚‹å†…容ã§ã—ãŸã®ã§ã€ãƒã‚¤ãƒ³ãƒˆã‚’絞ã£ã¦ãƒ¡ãƒ¢ã‚’残ã—ã¦ãŠãã¾ã™ã€‚ 「èªçŸ¥å¿ƒç†å¦ã¨UI,UX入門ã€ãƒ¡ãƒ¢ èªçŸ¥å¿ƒç†å¦ã¨ã¯ ・人ã®é ã®ä½¿ã„方：知覚・ç†è§£ãƒ»è¨˜æ†¶ãƒ»æ€è€ƒãƒ»å¦ç¿’・推論・判æ–・å•é¡Œè§£æ±ºãªã¨ã‚™ã®çŸ¥çš„機能ã‹ã‚™ç ”究対象。 ・最近ã¦ã‚™ã¯ã€æ„Ÿæƒ…ã€æ„Ÿæ€§ã€ç†±é”ã€å®Ÿè·µç‰ã®å•é¡Œã«ã‚‚å–り組むよã†ã«ãªã£ã¦ã„る。 èªçŸ¥æƒ…å ±å‡¦ç†ï¼ˆäººã®é ã®ä½¿ã„方） ・知覚（五感） ↓ ↓â†æ³¨æ„ ↓ ・èªçŸ¥ ↓ ・記憶（çŸæœŸè¨˜æ†¶ã€é•·æœŸè¨˜æ†¶ï¼‰ ↓ ・ç†è§£ï¼ˆç†è§£ã®æž 組ã¿ï¼ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ï¼‰ ↓ ãƒ»åˆ¤æ– çŸæœŸè¨˜æ†¶ ・çŸæœŸè¨˜æ†¶ã®è¨˜æ†¶å®¹é‡ï¼š7±2å˜ä½ã€ä¿æŒæ™‚é–“2〜5秒 ・
ã€æ°¸ä¹…ä¿å˜ç‰ˆã€‘エンジニア・デザイナー必見ï¼ã€ŒUI/UXã€ã®åŸºç¤ŽãŒå¦ã¹ã‚‹Slideshare30é¸
UI/UXã¨ã„ã†è¨€è‘‰ã‚’èžã„ã¦ä¹…ã—ã„ã§ã™ãŒã€ã¿ãªã•ã‚“ã¯åŸºæœ¬çš„ãªè€ƒãˆæ–¹ã‚’ãã¡ã‚“ã¨ç†è§£ã§ãã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼Ÿæ§˜ã€…ãªã‚¢ãƒ—リを触りã€ã€Œã“ã®ã‚¢ãƒ—リã®UI/UXã„ã„よãã€ã¨è¨€ã†äººã¯å¤šãã„ã¾ã™ãŒã€UI/UXを何ã¨ãªã知ã£ã¦ã„ã‚‹æ„Ÿã˜ã«ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯UI/UXã®åŸºç¤ŽãŒå¦ã¹ã‚‹è³‡æ–™ã‚’Slideshareã‹ã‚‰30�個集ã‚ã¾ã—ãŸã€‚デザイナーã®æ–¹ã¯å¿…見ã§ã™ï¼
Adobe XD Templates, UI kits and Freebies - Top resources on XDGuru
Adobe XD Resources, UI kits & Templates The biggest collection of free & premium resources for Adobe XD Please have a look at this massive new premium XD UI kit carefully crafted by the amazing guys at KL-Webmedia. WunderUIÂ is a collaborative, advanced XD UI kit and design system which is created to boost your performance and productivity. With a close look into scalability, accuracy and consisten
The best interface is no interface
Subscribe to our mailing list and stay up to date on our latest thought leadership and learning opportunities. “Atmadm.†Getting our work done was an alphabet soup nightmare. “chkntfs.†“dir.†(Source: vintagecomputer.net) Then, in 1984, Apple adopted Xerox PARC’s WIMP — window, icon, menu, pointer — and took us a galactic leap forward away from those horrifying command lines of DOS, and into a wo
デザイン言語システムを入れãŸã‚‰ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ã‚¹ãƒˆãŒãã£ã¨ä¸‹ãŒã£ãŸè©±ã€œãƒ¡ãƒ‰ãƒ¬ãƒ¼ TechLunch〜 | MEDLEY Developer Portal
2017-08-03デザイン言語システムを入れãŸã‚‰ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ã‚¹ãƒˆãŒãã£ã¨ä¸‹ãŒã£ãŸè©±ã€œãƒ¡ãƒ‰ãƒ¬ãƒ¼ TechLunch〜ビールãŒç¾Žå‘³ã—ã„å£ç¯€ã§ã™ãï¼ æœ€è¿‘é£²ã¿ã™ãŽã¦å«ã«å±ã‚‰ã‚Œã¦ã€é£²ã¿ä¼šè‡ªç²›ä¸ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒžã‚¨ãƒ€ã§ã™ã€‚ メドレーã§ã¯ TechLunch ã¨ã„ã†ç¤¾å†…勉強会を実施ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ç§ã‚‚発表ã™ã‚‹æ©Ÿä¼šã‚’ã„ãŸã ãã¾ã—ãŸã®ã§ã€ãã®å†…容を紹介ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚テーマã¯ã€ŒDLS ã®å°Žå…¥ã«ã¤ã„ã¦ã€ã§ã™ã€‚発表資料ã¯è¨˜äº‹ã®æœ€å¾Œã‚’ã”覧ãã ã•ã„。 DLS（デザイン言語システム）ã¨ã¯DLS ã¨ã¯ DesignLanguageSystem ã®ç•¥ã§ã€ã™ã”ã„å˜ç´”ã«ã„ãˆã°ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¿ãŸã„ã«UI ã«ä¸€è²«æ€§ã‚’ã‚‚ãŸã›ã‚‹ãŸã‚ã€é…色やレイアウトã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚„マージンãªã©ã®ãƒ«ãƒ¼ãƒ«ã‚’ç–定ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ç§ãŒä¸»ã«æ‹…当ã—ã¦ã„るオンライン診療アプリ「CLINICSã€ã¯ã€iOSã€Androidã€W
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
Creating Usability with Motion: The UX in Motion Manifesto
The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support usability?†Over the last 5 years, it has been my privilege to coach and mentor UX & UI designers in over 40 countries, and at hundreds of the top brands and design consultancies through my workshops and tutorials on UI Animation. After over fifteen y
Goodpatchã®UIデザイナーãŒãŠã™ã™ã‚　UIデザインをç†è§£ã™ã‚‹ãŸã‚ã®ãƒ–ックリストã€2021増補版】｜Goodpatch Blog グッドパッãƒãƒ–ãƒã‚°
今回ã¯ã€Goodpatchã®UIデザイナーã«ãƒ’アリングã—ã€UIデザインをç†è§£ã™ã‚‹ãŸã‚ã®ãŠã™ã™ã‚本をã¾ã¨ã‚ã¾ã—ãŸã€‚ 次ã®ã‚ˆã†ãªäººã«ç‰¹ã«ãŠã™ã™ã‚ã§ã™ã€‚ UIデザイナーã«ãªã£ãŸã°ã‹ã‚Šã®äºº ã‚‚ã£ã¨UIデザインã«ã¤ã„ã¦å‹‰å¼·ã—ãŸã„人 サービスã€ã‚¢ãƒ—リ開発ã«æºã‚るエンジニア・ディレクターã®äºº 目的別ã«6ã¤ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘ã¦ã”紹介ã—ã¾ã™ã€‚ã‚ãªãŸã®é–¢å¿ƒã«æ²¿ã£ãŸãƒˆãƒ”ックã‹ã‚‰ã€Â æ°—ã«ãªã‚‹æœ¬ã‚’見ã¤ã‘ã¦ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ 関連記事：UIデザインã¨ã¯ï¼Ÿ 大切ãª5ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚„å–り組ã¿äº‹ä¾‹ã‚’紹介 1. UIデザインを基礎ã‹ã‚‰ç†è§£ã™ã‚‹ ユーザーインターフェース（UI）ã¨ã¯ä½•ãªã®ã‹ã€ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ãŒã‚ã‚‹ã®ã‹ã€UIãŒæ©Ÿèƒ½ã™ã‚‹ç’°å¢ƒã¨ã¯ï¼Ÿã€ã©ã†ã‚„ã£ã¦ä½œã£ã¦ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã®ã‹â€¦UIデザインを始ã‚ã‚‹ãŸã‚ã«ã€ã¾ãšã¯åŸºç¤ŽçŸ¥è˜ã‚’網羅ã—ã¾ã—ょã†ã€‚ â– ã¯ã˜ã‚ã¦ã®UIデザイン 改訂版 ã“ã®æœ¬ã¯ã€è‘—者ã®1人ã§ã‚ã‚‹å‰ç«¹é¼ã•ã‚“ãŒã€ŒUIデザイ
UIè¨è¨ˆè€…å‘ã‘URLã¾ã¨ã‚（メモ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ※今回ã¯UIã®ã¿ã€UXã«ã¤ã„ã¦ã¯åˆ¥é€”記載ã™ã‚‹ ##ガイドライン ã¾ãšåŸºæœ¬ã¯å¤§åˆ‡ã«ã—ãŸã„ã®ã§ã€ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ ###Android ・Android アプリå“質ガイドライン https://developers-jp.googleblog.com/2013/01/core.html ・Android Designガイドライン https://developer.android.com/design/index.html?hl=ja ・UIパターンアイコン https://developer.android.com/design/patt
Home - App Animations
Hello! Welcome to App Animations, a collection of iOS animations to inspire your next project. You can sort through the 58 animations by their patterns and style, save your favorites after registering, and embed the them on your own site or inspiration board. And be sure to visit this site on your mobile device for looping full screen animations! Ready to learn how to create beautiful UI animation
ã‚ャンセルã®ã‚ャンセルå•é¡Œã‹ã‚‰è€ƒãˆã‚‹ãƒ€ã‚¤ã‚¢ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ï½œGoodpatch Blog グッドパッãƒãƒ–ãƒã‚°
ã“ã®æ–‡è„ˆã§ã¯ã€ã€Œç·¨é›†å†…容ã®ã‚ャンセルã€ã¨ã„ã†å‡¦ç†ã‚’続行ã—ã¦ã‚‚良ã„ã‹ã‚’ユーザーã«ç¢ºèªã—ã¦ã„ã¾ã™ã€‚続行ã«åŒæ„ã—ãŸã„多ãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ç›´æ„Ÿçš„ã«åŒã˜è¡¨è¨˜ã®ã€Œã‚ャンセルã€ã‚’押ã—ãŸããªã‚‹ã§ã—ょã†ã€‚ã—ã‹ã—ãã‚Œã§ã¯ç·¨é›†ã®ã‚ャンセルãŒå®Ÿè¡Œã•ã‚Œã¾ã›ã‚“。 ã“ã®ã‚ャンセルボタンãŒæ„味ã™ã‚‹ã®ã¯ã€ã€Œã€Žç·¨é›†å†…容をã‚ャンセルã™ã‚‹ã€ã®ã‚ャンセルã€ãªã®ã§ã™ã€‚ã¤ã¾ã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæœ›ã¿é€šã‚Šã«ç·¨é›†å†…å®¹ã‚’ç ´æ£„ã™ã‚‹ãŸã‚ã«ã¯ã€å対å´ã®OKボタンをé¸ã¶ã¹ããªã®ã§ã™ã€‚ã“ã®ã‚ˆã†ãªã€Œã‚ャンセルã®ã‚ャンセルã€ã¯äºŒé‡å¦å®šã§æ„味ãŒã‚„ã‚„ã“ã—ããªã‚‹ã®ã§é¿ã‘ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 ã“ã“ã§ã€Œã‚ャンセルã®ã‚ャンセルã€ã«ãªã‚‰ãªã‘ã‚Œã°è‰¯ã„ã¨ã„ã†ã“ã¨ã§ã€æ¬¡ã®ã‚ˆã†ã«ãƒœã‚¿ãƒ³åを変ãˆã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚Œã§ã‚‚ã†è¿·ã†ã“ã¨ã¯ç„¡ããªã‚Šã¾ã—ãŸã‹â€¦â€¦ï¼Ÿ ç§ã¯ã“ã®ä¿®æ£ã¯èª¤ã‚Šã ã¨åˆ¤æ–ã—ã¾ã™ã€‚「ã¯ã„ã€ã€Œã„ã„ãˆã€ã¯çµæžœã‚’予想ã—ã«ãã„表ç¾ãªã®ã§ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãƒœã‚¿ãƒ³ã«ç”¨ã„ã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šé©åˆ‡ã§ã¯
Home - Office UI Fabric
All Microsoft Global Microsoft Security Azure Dynamics 365 Microsoft 365 Microsoft Teams Windows 365 Tech & innovation Microsoft Cloud AI Azure Space Mixed reality Microsoft HoloLens Microsoft Viva Quantum computing Sustainability Industries Education Automotive Financial services Government Healthcare Manufacturing Retail All industries Partners Find a partner Become a partner Partner Network Azu
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
UI vs. UX: A Concise Explanation
UpLabs
STUDIO AI | The new age design tool with WebDesignAI inside.
iOS Human Interface Guidelines：Designing for iOS （日本語）
{{#tags}}- {{label}}
{{/tags}}