UI/UX 未æ¥å¿—å‘―進化ã®æ–¹å‘を予測ã—ã€ä»Šå¿…è¦ãªã“ã¨ã‚’知る 記事一覧 | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
UXã¨UIãŒæ··åŒã•ã‚Œã‚‹ãƒ¯ã‚±
最近 UX 㨠UI ã‚’æ··åŒã—ã¦è¡¨è¨˜ã•ã‚Œã¦ã„ã‚‹ã®ã‚’見ã‹ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ç§ã‚‚ウケやã™ã„ã¨ã„ã†ã“ã¨ã§ã€æ··åŒã•ã›ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—実際ã®ã¨ã“ã‚ UX 㨠UI ã¯åŒç¾©èªžã§ã¯ã‚ã‚Šã¾ã›ã‚“。良ㄠUI デザインをã™ã‚Œã°ã€UX ãŒå‘上ã™ã‚‹å¯èƒ½æ€§ã¯ã‚ã‚Šã¾ã™ãŒã€å¿…ãšã—ã‚‚ãã†ã§ã¯ã‚ã‚Šã¾ã›ã‚“。逆もã—ã‹ã‚Šã§ã™ã€‚最近も UX 㨠UIã®é•ã„を分ã‹ã‚Šã‚„ã™ã表ç¾ã—よã†ã¨ã€ã‚·ãƒªã‚¢ãƒ«ã¨ãƒœãƒ¼ãƒ«ã®å†™çœŸã‚’使ã£ãŸä¾‹ãŒç™»å ´ã—ã¾ã—ãŸãŒã€ã€Œãã†ã§ã‚‚ãªã„ã€ã¨ã„ã†æ„見も多数ã‚ã‚Šã¾ã—ãŸã€‚ ãã‚Œã§ã¯ã€ãªãœæ··åŒã•ã‚Œã‚„ã™ã„ã®ã‹ã¨ã„ã†ã¨ã€ä»Šã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’見るã¨ãƒ’ントãŒéš ã•ã‚Œã¦ã„ã¾ã™ã€‚例ãˆã° Twitter クライアントã®ä¸ã§äººæ°—ã®ã‚ã‚‹ Tweetbot を見ã¦ã¿ã¾ã—ょã†ã€‚ã“ã®ã‚¢ãƒ—リã®ä¸ã§è£…飾ã¨å‘¼ã¹ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã©ã‚Œã ã‘ã‚ã‚‹ã§ã—ょã†ã‹ã€‚ã»ã¼çš†ç„¡ã ã¨æ€ã„ã¾ã™ã€‚ スマートフォンã¨ã„ã†å°ã•ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ã¯ã€UI ã—ã‹å˜åœ¨ã—ã¾ã›ã‚“。
エンジニアtype 技術者ã®ã‚ャリアを考ãˆã‚‹Webマガジン - 転è·ï¼ type
エンジニアtypeã¯ã€å„種エンジニアをã¯ã˜ã‚「創る人ãŸã¡ã€ã®ã‚ャリア形æˆã«å½¹ç«‹ã¤æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ã€Žï¼ typeã€ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚
ç¿’æ…£ã«ãªã‚‹ã¾ã§ã® UI ã¨æ“作ã®å¤‰åŒ–
タッãƒã—ã¦ã‚‚らã†ãŸã‚ã®ç¬¬ä¸€æ© タッãƒãƒ‡ãƒã‚¤ã‚¹ã¸ã®é•å’Œæ„Ÿã‚„ä¸å®‰ã‚’ã‚‚ã£ã¦ã„ã‚‹æ–¹ã¯ã¾ã å°‘ãªããªã„ã¨æ€ã„ã¾ã™ã€‚ 毎日ã®ç”Ÿæ´»ã«ç™»å ´ã™ã‚‹ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã®ä»£è¡¨ã¨ã„ãˆã°ã€ATMや電車ã®åˆ‡ç¬¦è²©å£²æ©ŸãŒã‚ã‚Šã¾ã™ãŒã€å‡¦ç†é€Ÿåº¦ãŒé…ãスクリーンã®ã‚ªãƒ–ジェクトを触れã¦ã„る感覚ã¯ã‚ã¾ã‚Šã‚ã‚Šã¾ã›ã‚“。ãã®ã›ã„ã‹ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’å¼·ã押ã—ã¦ã„る方をãŸã¾ã«è¦‹ã‹ã‘ã¾ã™ã€‚ã¾ãŸã€ã‚¿ãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã ã‘ã§ãªãã€è§¦ã‚Œã¦æŠ¼ã™ã“ã¨ãŒã§ãる物ç†çš„ãªãƒœã‚¿ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚タッãƒã¸ã®ä¸å®‰ã‚’解消ã™ã‚‹ãŸã‚ã®é…æ…®ãªã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 毎日ã®ç”Ÿæ´»ã‹ã‚‰æ¯”較ã™ã‚‹ã¨ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã§ã‚¹ã‚¤ã‚¹ã‚¤ã„ã‚ã„ã‚ãªæ“作ãŒå‡ºæ¥ã‚‹ã¨ã„ã†ã®ã¯ã€æœªçŸ¥ã®ä¸–ç•Œã«è¦‹ãˆã¦ã‚‚ãŠã‹ã—ãã‚ã‚Šã¾ã›ã‚“。æ“作ã®ä»•æ–¹ãŒåˆ†ã‹ã‚‹ iPad ã‚„ Galaxy ã® CM ㌠TV ã§æµã‚Œã¦ã„ã‚‹ã¨ã¯ã„ãˆã€ã€Œæœ¬å½“ã«ã‚¿ãƒƒãƒã§ã“ã‚“ãªã«å‹•ãã®ã‹ã€ã¨ã„ã†ä¸å®‰ã‚’ã‚‚ã£ã¦ã„る方もã„ã‚‹ã¯ãšã§ã™ã€‚ UI デザインã®ã²ã¨
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
インタフェースデザインやインタラクションデザインãŒãªãœé‡è¦ã‹ï¼Ÿ | インタラクションã¨ãƒ‡ã‚¶ã‚¤ãƒ³
ã¯ã˜ã‚㫠人ãŒé–¢ã‚ã‚‹ã‚‚ã®ã™ã¹ã¦ã«ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒã‚る。ãã—ã¦ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯äººã®è¡Œç‚ºã‚’ã¤ãる。ã‚ã‚‹ã„ã¯ã€Œè¡Œç‚ºã«å½±éŸ¿ã™ã‚‹ã‚ˆã†ã«ç‰©ã®è¨è¨ˆã‚’考ãˆã‚‹ã“ã¨ãŒã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®è¨è¨ˆã€ã¨è¨€ãˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„。 行為ã¯äººã®çµŒé¨“ã‚’ã¤ãる。連続ã™ã‚‹è¡Œç‚ºã¯æ´»å‹•ã¤ãり文化をã¤ãる。ã ã‹ã‚‰ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯é‡è¦ã§ã‚る。人ã«ã¨ã£ã¦ã“ã‚“ãªã«æœ¬è³ªçš„ã§ã€æ–‡åŒ–ã«ã¨ã£ã¦ã‚‚é‡è¦ãªç¾è±¡ã‚’ã€ãªãœã‚‚ã£ã¨æ³¨ç›®ã—ãªã„ã®ã ã‚ã†ã‹ã€‚インタフェースã«äººé¡žã®æœªæ¥ãŒã‚ã‚‹ã¨è¨€ã£ã¦ã‚‚ã„ã„ã»ã©ã 。 ã“ã®æ–‡ç« ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚„インタラクションã ã‘ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã€ãã®è¦–点ã‹ã‚‰ã€ãã‚ŒãŒã„ã‹ã«é‡è¦ã§ã‚ã‚‹ã‹ã‚’記述ã™ã‚‹è©¦ã¿ã§ã‚る。 *書ã„ãŸå¾Œã«æ€ã†ã“ã¨ã¯ã€åƒ•è‡ªèº«ã¯ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯ã‚³ãƒ³ãƒ”ュータã‹ã‚‰å¤–ã«å‘ã‹ã£ã¦ã„ã¦ã€ã‚³ãƒ³ãƒ”ュータã®ä¸ã‚’æ“作ã™ãŸã‚ã®ã‚‚ã®ã˜ã‚ƒãªã„ã“ã¨ã€‚ã ã‹ã‚‰ã“ã‚“ãªç™ºæƒ³ã«ãªã‚‹ã€‚ã§ã‚‚ã“ã‚Œã¯ãƒ¦ãƒ“ã‚タスコンピューティングや実世界指å‘ãªã©ä¸€é€£ã®æ€æƒ³ã®æµã‚Œã®çµæžœã ã¨ã¯æ€ã£
UX/UIデザインガイドライン : å°é‡Žå’Œä¿Šã®ãƒ–ãƒã‚°
ã“ã®ã¨ã“ã‚ã€ã‚¢ãƒ—レッソã®ä¸ã§ã‚‚ã€MIJS製å“技術委員会ã§ã‚‚ã€è‡ªåˆ†ãŸã¡ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®UX/UIをブラッシュアップã—ã¦ã„ããŸã‚ã«ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã‚’ディスカッションã—ã¦ã„る。 UX/UIデザインガイドラインã¨ã—ã¦å„社ã®æŽ¨å¥¨ã™ã‚‹æŒ‡é‡ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ãŒWebã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚れデザイナーã§ã‚ã‚Œã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ç”»é¢è¨è¨ˆã«ä½•ã‚‰ã‹ã®å½¢ã§æºã‚ã‚‹ã®ã§ã‚ã‚Œã°ã€åŸºç¤ŽçŸ¥è˜ã¨ã—ã¦ä¸»è¦ãªã‚‚ã®ã«ã¯ç›®ã‚’通ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã®ç”¨èªžã§æ‰‹çŸã«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå–れるã®ã¨åŒã˜ã‚ˆã†ã«ã€ã€Œã“ã“ã¯â—‹â—‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®â–³â–³ãƒ‘ターンを使ã†ã®ã¯ã©ã†ã‹ãªï¼Ÿã€ã¨ã„ã†ã‚ˆã†ãªä¼šè©±ãŒã§ãるよã†ã«ã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„る。 â– Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) â– M
リッãƒã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚Appleã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚ˆã†ã«ç¾Žã—ã„金属調ã®è³ªæ„Ÿã‚’表ç¾ã™ã‚‹æ–¹æ³•ã€‚ (フェンリル | デベãƒãƒƒãƒ‘ーズブãƒã‚°)
ã“ã‚“ã«ã¡ã¯ã€ã‚¤ãƒ¡ãƒ¼ã‚¸æ‹…当ã®é•·è°·å·ã§ã™ã€‚ 今回㯠Apple ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ã‚‹ iCloud アイコンã®ã‚ˆã†ãªç¾Žã—ã„金属調ã®è³ªæ„Ÿã‚’ Fireworks ã§è¡¨ç¾ã—ã¦ã¿ã¾ã—ãŸã€‚ アレンジ次第ã§æ°´å¹³ã®ã‚¨ãƒƒãƒãƒ³ã‚°ã‚„ãƒ–ãƒ©ã‚¹ãƒˆåŠ å·¥ã®ã‚ˆã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚‚ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãœã² Web ã‚„ UI デザインã®å‚考ã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 1. ベースã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’è¨å®šã™ã‚‹ ã¾ãšã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®è¨å®šã‚’ã—ã¾ã™ã€‚ 長方形ツールã§ä½œæˆã™ã‚‹ãƒœã‚¿ãƒ³ãªã©ã®ã‚µã‚¤ã‚ºã‚ˆã‚Šå°‘ã—大ãã„サイズã®å››è§’ã‚’æãã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®å¡—りを円éŒã«ã—ã¾ã™ã€‚ 以下ã®ã‚ˆã†ã«ç™½ã¨ã‚°ãƒ¬ãƒ¼ã‚’交互ã«è¨å®šã—ã¾ã™ã€‚å³ç«¯ã¨å·¦ç«¯ã‚’åŒã˜è‰²ã«ã—ãªã„ã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ç·šãŒå‡ºæ¥ã¦ã—ã¾ã„ã¾ã™ã®ã§ã”注æ„ãã ã•ã„。 ã“ã“ã§ã¯æ¿ƒã„グレーを #666666ã€ä¸¡ç«¯ã®è–„ã„グレーを #999999 ã«è¨å®šã—ã¦ã„ã¾ã™ã€‚ 次ã«ãƒŽã‚¤ã‚ºã‚’é©ç”¨é‡ï¼š10ã§è¿½åŠ ã—ã¾ã™ã€‚ã“ã‚ŒãŒåŒå¿ƒå††çŠ¶ã®ãƒ˜ã‚¢ãƒ©
iPhoneデザインボックス
ã¿ã‚“ãªãŒè¦‹ã¦ã‚‹äººæ°—ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webサイトデザイン
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
layer8.sh
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
{{#tags}}- {{label}}
{{/tags}}