macOS Human Interface Guidelines: About the Touch BarPeople rely on the power, spaciousness, and flexibility of a Mac as they perform in-depth productivity tasks, view media or content, and play games, often using several apps at once.
アップル ヒューマンインタフェースガイドライン
ç¬¬ï¼“ç« ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ よã„製å“デザインã¯ã€äººã¨ã‚³ãƒ³ãƒ”ュータã®ç›¸äº’作用ã®ãŸã‚ã®ã€å¤‰ã‚ã‚‹ã“ã¨ã®ãªã„原則ã®æ•°ã€…ã‚’å…·ç¾ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ç« ã¯ã€ã‚ãªãŸã®è£½å“をデザインã™ã‚‹éš›ã®æ¤œè¨Žã®ãŸã‚ã«ã€ã“れらã®åŽŸå‰‡ã‚’æ示ã—ã¾ã™ã€‚ã¾ãŸã€å›½éš›çš„ãªäº’æ›æ€§ã¨ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ã‚¢ã‚¯ã‚»ã‚¹ã®ãŸã‚ã«æ¤œè¨Žã™ã¹ã点を指摘ã—ã¾ã™ã€‚ 個々ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®æ§‹æˆè¦ç´ ã¨ã€ãれをã‚ãªãŸã®ã‚¢ã‚¯ã‚¢æº–æ‹ ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«ã©ã®ã‚ˆã†ã«çµ„ã¿ç«‹ã¦ã‚‹ã‹ã®è©³ç´°æƒ…å ±ã¯ã€ç¬¬3部「アクア インタフェースã€ï¼ˆ87ページ）ã®å„ç« ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 ヒューマンインタフェースデザイン原則 ã“ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã¯ã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã§ã€åŠ¹çŽ‡çš„ã§ã€ç›´æ„Ÿçš„ãªã€ã‚¢ã‚¯ã‚¢æº–æ‹ ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’デザインã™ã‚‹ãŸã‚ã«ã€æ±ºå®šçš„ãªéµã¨ãªã‚‹åŽŸå‰‡ã‚’æ示ã—ã¾ã™ã€‚ã—ã°ã—ã°é–‹ç™ºè€…ã«ã¯è¦‹é€ƒã•ã‚Œã¾ã™ãŒã€ã“れらã®åŽŸå‰‡ã¯ã‚¢ãƒƒãƒ—ルãŒæ•°åå¹´å‰ã«ã¯ã˜ã‚ã¦å‡ºç‰ˆã—ãŸã¨ãã¨åŒã˜ç¨‹åº¦ã«ã€ä»Šæ—¥ã«ãŠã„ã¦ã‚‚妥当ãª
Google - Google ã«ã¤ã„ã¦ã€Google ã®æ–‡åŒ–ã€ä¼æ¥ãƒ‹ãƒ¥ãƒ¼ã‚¹
Google ã®ä½¿å‘½ã¯ã€ä¸–ç•Œä¸ã®æƒ…å ±ã‚’æ•´ç†ã—ã€ä¸–ç•Œä¸ã®äººãŒã‚¢ã‚¯ã‚»ã‚¹ã§ãã¦ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚
» 日本語é™å®š UIã€UXガイドラインã¨ãã®ä»–ã¾ã¨ã‚ | Webnoborder
インターãƒãƒƒãƒˆä¸Šã«æ§˜ã€…ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ä¸ã§ã‚‚UIã€UXã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«ã¤ã„ã¦è¨€åŠã—ã¦ã„る日本語é™å®šã®æƒ…å ±ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ 有志ã§ç¿»è¨³ã•ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚æ„Ÿè¬ã§ã™ï¼ Apple 超ãŒä»˜ãã»ã©æœ‰åãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã«æ§˜ã€…ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ä¸ã§ã‚‚UIã€UXã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«ã¤ã„ã¦è¨€åŠã—ã¦ã„る日本語é™å®šã®æƒ…å ±ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ 有志ã§ç¿»è¨³ã•ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚æ„Ÿè¬ã§ã™ï¼ Apple 超ãŒä»˜ãã»ã©æœ‰åãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã€‚ã“れを抑ãˆã¦ãŠã‘ã°ä»–ã¯å¿…è¦ãªã„ã‹ã‚‚？ アップル ヒューマンインタフェースガイドライン iOS ヒューマン インターフェイス ガイドライン(PDF) iPadヒューマンインターフェイスガイド ライン(PDF) Google Androidアプリã¯iPhoneã¨åŒã˜UIã§è‰¯ã„ã‚“ã‚“ã˜ã‚ƒãªã„？ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã¯ã€é–‹ç™ºã™
UX/UIデザインガイドライン : å°é‡Žå’Œä¿Šã®ãƒ–ãƒã‚°
ã“ã®ã¨ã“ã‚ã€ã‚¢ãƒ—レッソã®ä¸ã§ã‚‚ã€MIJS製å“技術委員会ã§ã‚‚ã€è‡ªåˆ†ãŸã¡ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®UX/UIをブラッシュアップã—ã¦ã„ããŸã‚ã«ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã‚’ディスカッションã—ã¦ã„る。 UX/UIデザインガイドラインã¨ã—ã¦å„社ã®æŽ¨å¥¨ã™ã‚‹æŒ‡é‡ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ãŒWebã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚れデザイナーã§ã‚ã‚Œã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ç”»é¢è¨è¨ˆã«ä½•ã‚‰ã‹ã®å½¢ã§æºã‚ã‚‹ã®ã§ã‚ã‚Œã°ã€åŸºç¤ŽçŸ¥è˜ã¨ã—ã¦ä¸»è¦ãªã‚‚ã®ã«ã¯ç›®ã‚’通ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã®ç”¨èªžã§æ‰‹çŸã«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå–れるã®ã¨åŒã˜ã‚ˆã†ã«ã€ã€Œã“ã“ã¯â—‹â—‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®â–³â–³ãƒ‘ターンを使ã†ã®ã¯ã©ã†ã‹ãªï¼Ÿã€ã¨ã„ã†ã‚ˆã†ãªä¼šè©±ãŒã§ãるよã†ã«ã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„る。 â– Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) â– M
Google for Developers
Understand our design principles and patterns before you write a line of code. When you start coding, follow Glass patterns and style, when appropriate, to give users a consistent user experience. Learn the design principles These principles describe the core of a great Glass experience, so apply them when designing and building. Learn more
スマートフォン・タブレット UIガイドライン
1. SMARTPHONE・TABLET USER INTERFACE GUIDELINE マルãƒãƒ‡ãƒã‚¤ã‚¹Lab. × ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ç ”ç©¶æ‰€ スマートフォン・タブレットユーザーインターフェイス ガイドライン スマートフォン・ 2011.9.26 COPYRIGHT© IMJ CORPORATION.ALL RIGHTS RESERVED. 2. 目次 INDEX 00 INTRODUCTION ã¯ã˜ã‚ã« 2 01 SCREEN ç”»é¢ 3 02 TEXT テã‚スト 4 03 OBJECT SIZE / WHITE SPACE オブジェクトサイズ・ オブジェクトサイズ・余白 5 04 OPERATION DESIGN æ“作è¨è¨ˆ 6 05 NAVIGATION ナビゲーション 7 06 LAYOUT レイアウト 8 07 CAPACITY ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ 9 08 PSD PSDサン
ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆæ§‹ç¯‰ã€‘メンãƒãƒ¼ã‚ºã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³UIガイドライン（基本編）20130327
iPhone6ã®ç™»å ´ã¨æ–°æ©Ÿèƒ½ã¯æ™‚代をã¨ã‚™ã†å¤‰ãˆã‚‹ã‹ï¼Ÿ | æ ªå¼ä¼šç¤¾ãƒ‰ãƒ¼ãƒ¢æ ªå¼ä¼šç¤¾ãƒ‰ãƒ¼ãƒ¢717 views•30 slides
Appleã®ãƒ’ューマンインターフェースガイドラインã‹ã‚‰å¦ã¶ã®5ã¤ã®å„ªã‚ŒãŸUIã€Webデザインã®ç§˜å¯† | Goodpatch Blog
ã“ã‚“ã«ã¡ã¯ã€ã ã„ãã§ã™ã€‚ ã¿ãªã•ã‚“Apple製å“ã¯å¥½ãã§ã™ã‹ï¼Ÿ 弊社ã€Goodpatchã®ãƒ¡ãƒ³ãƒãƒ¼ã¯å…¨å“¡Macã§ä½œæ¥ã‚’ã—ã¦ã„ã¾ã™ï¼ 今回ã¯ç§ãŸã¡ã‚’é…了ã—続ã‘ã‚‹Appleã®UIデザインã®ç§˜å¯†ã«æ›¸ã‹ã‚Œã¦ã„る記事を発見ã—ã¾ã—ãŸã®ã§ç¿»è¨³ã—ã¾ã—ãŸï¼ (以下ã¯â€œ5 Secrets of Good UI Design from Apple’s Human Interface Guidelinesâ€ã®ç¿»è¨³è¨˜äº‹ã§ã™) Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„アプリãŒæ˜Žç¢ºã€ã‹ã¤ã‚·ãƒ³ãƒ—ルã§ã¨ã¦ã‚‚é…力的ã§ã‚ã‚‹ã“ã¨ã®ç§˜å¯†ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ã‚Šã¾ã™ã€‚ ãã—ã¦ã€ãã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ä¿ã¡ç¶šã‘られる秘訣ã¯Appleã®ãƒ’ューマンインタフェースガイドラインã«ã‚ã‚‹ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ 今回ã€ãã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ãƒã‚§ãƒƒã‚¯ã—ã€æ§˜ã€…ãªWebサイトã«å¿œç”¨ã§ãã‚‹ã¨ã‚ã‹ã‚Šã¾ã—ãŸã€‚ 特ã«ã€å½¼ã‚‰ã®UIデザイン哲å¦ã¯ã€ã¨ã¦ã‚‚勉強ã«ãªã‚Šã¾ã™ã€‚ 以下ãŒã‚ãªãŸã®WebサイトやWebã‚¢
ソーシャルメディアãƒãƒªã‚·ãƒ¼/ガイドラインã®å›½å†…実例ã¾ã¨ã‚＋ç–定者å‘ã‘æƒ…å ± | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
今日ã¯ã€ä¼æ¥ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã¸ã®ã‹ã‹ã‚ã‚Šæ–¹ã«é–¢ã™ã‚‹è©±é¡Œã‚’。国内ã§ã‚‚ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãƒãƒªã‚·ãƒ¼ã‚„ソーシャルメディアガイドラインã®ç–定例ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚具体例を示ã—ãªãŒã‚‰ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãƒãƒªã‚·ãƒ¼ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ょã†ã€‚ ソーシャルメディアガイドラインã®å…·ä½“例Twitterã®æµè¡Œã‚’å—ã‘ã€æœ¬æ ¼çš„ã«ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãƒãƒªã‚·ãƒ¼ã‚’ç–定ã™ã‚‹ä¾‹ãŒå¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚ã“ã“ã§ã„ã†ã€Œã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã€ã¯Twitterã«é™ã£ãŸã‚‚ã®ã§ã¯ãªãã€ãƒ–ãƒã‚°ã‚„SNSãªã©ã‚‚å«ã‚ãŸå¹…広ã„ã‚‚ã®ã§ã™ã€‚ ç¾åœ¨ã€å›½å†…ã§å…¬é–‹ã•ã‚Œã¦ã„るソーシャルメディアãƒãƒªã‚·ãƒ¼ï¼ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«ã¯ã€æ¬¡ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ADKインタラクティブ ソーシャルメディアãƒãƒªã‚·ãƒ¼ → https://www.adk-i.jp/resources/adki_socialmediapolicy.html IBM ソーシャル・コンピューティングã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤
Google Visual Assets Guidelines - Part 1 - Behance
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GNOME Human Interface Guidelines
Sign in - Google Accounts
{{#tags}}- {{label}}
{{/tags}}