質åã«ãããã¦ãã¹ã°ãããï¼ ã¢ããªéçºè²»è¦ç©ããã·ãã¥ã¬ã¼ã¿ã¼ iPhoneãAndroidã¹ãã¼ããã©ã³ã®ã¢ããªå¶ä½ããèãã®æ¹ã«æ¦ç®è²»ç¨ãã«ã³ã¿ã³1åã§ãè¦ç©ãããã¾ãã START
Webãµã¤ããã¹ããã¢ããªã®ãã¬ã¼ã³ãã¼ã·ã§ã³ç¨ã«ä¾¿å©ãªç¡æã®ãã¯ã¿ã¼ç´ æãç´¹ä»ãã¾ããiPhone, Androidãã¯ãããã¹ããã»ã¿ãã¬ããã»ãã¹ã¯ãããã»ãã©ã¦ã¶ãªã©ããã¾ãã¾ãªããã¤ã¹ãæã£ã¦ãã¾ãã Vector Mockups Library ç´ æã¯MITã©ã¤ã»ã³ã¹ã§ãå人ã§ãåç¨ã§ãã¯ã©ã¤ã¢ã³ãã®ããã¸ã§ã¯ãã§ãç¡æã§å©ç¨ã§ãã¾ããã¯ã¬ã¸ããã®è¨è¼ã¯å¿ è¦ããã¾ããã ã©ã¤ã»ã³ã¹ãã¼ã¸ Vector Mockups Libraryã«ã¯ã以ä¸ã®ããã¤ã¹ãæã£ã¦ãã¾ãã iPad iPad Pro 12.9 iPad Pro 11 iPad Pro 12.9 iPad Pro 10.5 iPad 9.7 iPhone iPhone X iPhone 8 iPhone 5S Mac iMac Macbook Pro Watch Watch Series 4 Watch Series
Windows OS ã« PHPã¨Apacheãµã¼ãã¼ã®ã¤ã³ã¹ãã¼ã« ï½ php.iniã®è¨å®ã¾ã§ã ãã½ã³ã³ã§PHPã使ããããã«ãªãã¾ã§ã®æé ãå³è§£ã .htaccessã®æå®æ¹æ³ã使ç¨é »åº¦ã®é«ãPHPé¢æ°ããµã³ãã«ä»ãã§è§£èª¬ã Tipsã§ã¯å®ç¨çãªèªä½é¢æ°ãç´¹ä»ã JavaScriptã®åºæ¬ï½å®ç¨çãªé¢æ°ã¾ã§ãµã³ãã«ä»ãã§è§£èª¬ã ãã¼ã«ãªã¼ãã¼ãã¦ã£ã³ãã¦æä½ãé£åãã«ãã¦ã³ãå ¥åãã§ãã¯ï¼æ£è¦è¡¨ç¾å«ãï¼ãªã©ã ãµã¤ãå¶ä½ã«ä½¿ããå®ç¨çãªã¹ã¯ãªãããç´¹ä»ãã³ããã§ä½¿ãã¾ãã JavaScriptã§DOMï¼Document Object Modelï¼ã®ã¡ã½ããã»ããããã£ã使ã£ã¦ãã¼ã¸ä¸ã®ãã¼ãã«ã¢ã¯ã»ã¹ãããµã³ãã«ã追å ãã¾ããã Ajax ããã°ããµã¤ãã§ä½¿ããå®ç¨çãªAjaxããµã³ãã«ä»ãã§è§£èª¬ã HTML5 次ä¸ä»£HTMLæ¨æºã¨ãªãHTML5ã使ã£ã¦ã¿ããï¼HTML5ã®ã¿ã°ãªã
ä»å¹´ã¯å¤§è¢è£ãªè¦åºããèããã¨ããã§ï¼å²æ¹çãå°½ãã¾ããã ãä¹ ãã¶ãã§ãããã¶ã¤ãã¼ã® ãã® ã§ãã ä»åã¯ãUX Tokyo Advent Calendar 2015ã ã®7æ¥ç®ã¨ãã¦ãéããã¾ãã ä»å¹´ãåã¯ã²ã¼ã ã®UIå¶ä½ã®ç¾å ´ã§åãã¦ãã¾ãã ãµã¼ãã¹ã§ã¯ãªãã³ã³ãã³ãã®å¶ä½ã¨ãªãã²ã¼ã ã®ç¾å ´ã§ã¯ãUIãUXä¸ç·ã«èããæ©ä¼ã°ããã§ãã ï¼ãããªç¾å ´ã®æ§åã¯å»å¹´ã®ããã°ãããããã ããï¼ ãªã®ã§ãæ¥çé¢ä¿è ããã¯åºãããè¦æã§ãUI/UXãã¨ããæ¬ãã§ä»åã¯ä»å¹´ã®ã²ã¼ã ãæ¯ãè¿ã£ã¦ã¿ããã¨æãã¾ãã ä»å¹´ã¯ããããªã²ã¼ã ãéãã§ããä¸ã§ããã£ã¨æã£ããã¤ã³ããç´¹ä»ãã¾ãã æããã¦ãããæ¥å¹´ã®ãã¬ã³ããªã®ããããã¨ãã»ã»ã»ã å¹´è¶ãã«ã¯å°ãæ©ãã§ãããä¸ç·ã«æ¯ãè¿ã£ã¦ã¿ã¾ãããã 1. ã¦ã¼ã¶ã¼ã¯ãã¼ã¿å®¹éã«ææ [ç»åï¼ã¢ã¤ãã«ãã¹ã¿ã¼ã·ã³ãã¬ã©ã¬ã¼ã«ãº ã¹ã¿ã¼ã©ã¤ãã¹ãã¼ã¸]
ã¢ããªã®UIï¼ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¤ã¹ãè¦ãç®ï¼ããã¶ã¤ã³ããã®ã«å½¹ç«ã¤ã¬ã¤ã¢ã¦ãã«é¢ããè¨äºã2Dï¼3Dã°ã©ãã£ãã¯ãæç»ããããã¢ãã¡ã¼ã·ã§ã³ãããã®ã«å½¹ç«ã¤è¨äºã¨ãã¦ã¯ã以ä¸ããå§ããã¾ãã UIãã¶ã¤ã³ã»ã¬ã¤ã¢ã¦ãã«å½¹ç«ã¤è¨äº17é¸ ç»é¢ãµã¤ãºããã¶ã¤ã³ï¼ã¬ã¤ã¢ã¦ãã®ä»æ¹ãç¥ãã¾ããããåºç¤ç¥èè¨äºããåOSã®UIã®éãããã¶ã¤ã³ã®ä»æ¹ãåããè¨äºãã¾ã¨ãã¾ãããç¹ã«ãAndroidã¯ç»é¢ã®å¤§ããã®éããããã«å¸åãããã課é¡ã§ããããFragmentsãCompatibility packageãå¦ã¶ã¨å½¹ç«ã¤ã¨æãã¾ãã â åºç¤ç¥è
ã¢ãã¤ã«ã¢ããªã®UIãã¶ã¤ã³ã§é£ããã®ã¯ã¿ã¼ã²ããã¨ãªãããã¤ã¹ã®ç»é¢ãµã¤ãºã«æ§ã ãªãµã¤ãºã®ãã®ãããã¨ãããã¨ã§ããç»é¢ã®å¤§ããã«ã¯ãããããã£ã¦ã人éã®æãæã®ãµã¤ãºã¯ã»ã¼èª°ã§ãåãã§ããããã©ããªç»é¢ãµã¤ãºã§ãã£ã¦ã確å®ã«æ¼ãããããªUIã®ãµã¤ãºã¨ããã®ãææ¡ãã¦ãã¶ã¤ã³ããªãã¨å¤§å¤ä½¿ãã«ãããã®ã«ãªã£ã¦ãã¾ãã¾ãã ä¾ãã°iOSã®ããã¥ã¼ãã³ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¼ã¹ã¬ã¤ãã©ã¤ã³ãã§ã¯ãã¿ããå¯è½ãªé åã®ãµã¤ãºãç´44ï½44ãã¤ã³ãã«ããªãããã¨ãããµã³ãã«ã¨ãã¦é»åã¢ããªã®ç»é¢ãç´¹ä»ããã¦ãã¾ãã âGive tappable elements in your app a target area of about 44 x 44 points. The iPhone Calculator app is a good example of fingertip-size control
Please ensure you understand and agree with our data protection policy before using this site. FluidUI.com (Fluid UI) uses cookies and saves data on our servers in order to provide the Fluid UI service. This data is gathered in order to provide the relevant functionality for your account. The purpose of this article is to inform you what information we store, when we request it and why we need it.
iPhoneã»iPadã¢ããªãå¶ä½ããæããªã½ã¼ã¹ç»å㯠â å¾æ¥ã®ãã£ã¹ãã¬ã¤ç¨ â¡ Retina ãã£ã¹ãã¬ã¤ç¨ ä¸è¨ã®2種é¡ãå¿ è¦ã§ããã Androidã¢ããªãåãããã«dpiãã¨ã«ãªã½ã¼ã¹ç»åãç¨æããå¿ è¦ãããã¾ãã ä»å㯠1. å¿ è¦ã¨ãªããªã½ã¼ã¹ç»åãµã¤ãºã®ç¨®é¡ 2. ãã¶ã¤ã³ããæã®ç»é¢ãµã¤ãº 3. ã¢ã¤ã³ã³ãµã¤ãºã®ã¬ã¤ãã©ã¤ã³ ãªã©Androidã¢ããªã®ãªã½ã¼ã¹ç»åãä½ãæã«å½¹ã«ç«ã¤æ å ±ãã¾ã¨ãã¦ã¿ã¾ããã å¿ è¦ã¨ãªããªã½ã¼ã¹ç»åãµã¤ãºã®ç¨®é¡ Androidã¢ããªã®ãªã½ã¼ã¹ç»åã¯å¯¾å¿ããdpiã«ãã£ã¦ç¨æããç»åãµã¤ãºãå¤ããã¾ãã ã¾ããdpiã£ã¦ä½ã§ãããã dpiã¯ãDot Per Inchãã1ã¤ã³ã辺ãã®ãã¯ã»ã«æ°ãæå³ãã¾ããã¤ã¾ãdpiæ°å¤ãé«ããªãã¨ãã£ã¹ãã¬ã¤ãé®®æã§ãããã«ãªãã¾ãã dpiã¯ä¸»ã«ldpi(ä½è§£å度)ãmdpi(ä¸è§£å度)ãhdpi(
ã³ãã¥ãã±ã¼ã·ã§ã³ãã©ãããã©ã¼ã éçºäºæ¥ ãªã ããã£ãã«CRMäºæ¥ ã½ã¼ã·ã£ã«ã¡ãã£ã¢ãã¼ã±ãã£ã³ã°äºæ¥ ã¦ã§ããµã¤ãããã¸ã¡ã³ãäºæ¥ ãã¸ã¿ã«ã¤ã³ãã°ã¬ã¼ã·ã§ã³äºæ¥ UXãã¶ã¤ã³äºæ¥
ãWebãµã¤ããiPhoneãAndroidã§è¦ããã表示ãããããã¹ãã¼ããã©ã³ãã¿ã¼ã²ããã«ããWebãµã¤ãããã¶ã¤ã³ããããââãããªWebå¶ä½è ã®ããã®å ¥éã¬ã¤ããPCãµã¤ãå¶ä½ã®ãã¦ãã¦ãçããã¦ä½ãã¹ãã¼ããã©ã³ï¼iPhone/Androidï¼å¯¾å¿ãµã¤ãå¶ä½ã®åºç¤ç¥èããå®è·µçãªãã¯ããã¯ã¾ã§è§£èª¬ãã¾ãã<cj:inc template="792" element_id="594257" />
æè¿æ®åãã¦ããã¹ãã¼ããã©ã³ã§ããããã®å°ç¨ã®ãµã¤ããä½ã£ã¦ããæãå¤ããªã£ã¦ãã¾ããã WEBå¶ä½ã®ä¼ç¤¾ã§ãã¹ãã¼ããã©ã³ãµã¤ããå¶ä½ããäºãå¤ããªã£ã¦ããã¨æãã¾ãã ã¹ãã¼ããã©ã³ã¯æã§æä½ããã®ã§ãã½ã³ã³ã¨ã¯ã¾ãéã£ããã¶ã¤ã³ã«ãªã£ã¦ãã¾ãã ããã§ããã¶ã¤ã³ãã¾ã¨ãã¦ãããµã¤ããã¾ã¨ãã¦ã¿ã¾ããã åªããiPhoneãµã¤ããã¶ã¤ã³é â iPhoneãã¶ã¤ã³ããã¯ã¹ åªããiPhoneãµã¤ããã¶ã¤ã³é â iPhoneãã¶ã¤ã³ããã¯ã¹ å ¨iPhoneãµã¤ãä¸è¦§ï½iPhoneãµã¤ããã¶ã¤ã³éã®iPhoneãã¶ã¤ã³ã¢ã¼ã«ã¤ããå ¬å¼ãµã¤ã å ¨iPhoneãµã¤ãä¸è¦§ï½iPhoneãµã¤ããã¶ã¤ã³éã®iPhoneãã¶ã¤ã³ã¢ã¼ã«ã¤ããå ¬å¼ãµã¤ã ã¹ãã¼ããã©ã³ãµã¤ãéãã¾ããã ã¹ãã¼ããã©ã³ãµã¤ãéãã¾ããã iShowcase â å½å ã®iPhone / iPadæé©å対å¿ããããµã¤ãã
æ¦è¦ æ©è½ ãµã¤ãº ç»é¢ é»æ± CPU/ã¡ã¢ãª ã«ã¡ã© éä¿¡ å¨æ³¢æ°å¸¯ ãªã³ã¯ ã¹ãã¼ããã©ã³æ©ç¨®ãã¹ããã¯ã»æ©è½ã®ä¸è¦§è¡¨ ã¹ããã¯ã»æ©è½ã®ä¸è¦§è¡¨ æ©ç¨®åî î ãã£ãªã¢î î ã¡ã¼ã«ã¼î î OSî î å¹ Ãé«ãÃåãî î å¹ î î é«ãî î åãî î éãî î ç»é¢ç¨®é¡î î ç»é¢ãµã¤ãºî î 解å度î î 解å度 (横)î î 解å度 (縦)î î ãã¯ã»ã«å¯åº¦î î çºè²æ°î î é»æ± 容éî î å¾ åæé (3G)î î å¾ åæé (4G)î î é話æéî î CPUî î ã¯ããã¯î î ã³ã¢æ°î î ROMî î RAMî î å¤é¨ã¡ã¢ãª 対å¿è¦æ ¼î î å¤é¨ã¡ã¢ãª æ大容éî î ã¡ã¤ã³ã«ã¡ã© æ®å½±ç´ åî î ã¡ã¤ã³ã«ã¡ã©
ã¹ãã¼ããã©ã³ãµã¤ãããã¶ã¤ã³ããä¸ã§ç¥ã£ã¦ããã¹ã10ã®TIPS iPhoneãAndroidã®ã¹ãã¼ããã©ã³ã®ä»æ§ãç¥ããªããã©ãã¶ã¤ã³ããªãã¡ããããªããªã£ãã¨ãããã¶ã¤ãã¼ããã«ç¥ã£ã¦ããã¦ããããã10(+1)ã®TIPSã§ãã 1.å®æ©ã§ç¢ºèªãã å½ããåã®ãã¨ã§ããä½æãããã¶ã¤ã³ãå®æ©ã§ç¢ºèªãã¦ä¸ãããã¹ãã¼ããã©ã³ã¨PCã§ã¯ç®ããã®è·é¢ãDPIãéãã¾ãã®ã§ãPCã§ã¯ååã«è¦ããããã¨ãã£ã¦å®æ©ã§ç¢ºèªããã¨æåãå°ãããããã¨ãªã©ãããããã¾ããæ¸ãã ããJPGãFTPã§ã¢ãããã¦ç¢ºèªãã¦ãããã§ãããã¡ã¼ã«ã§ã¹ãã¼ããã©ã³ã«éã£ã¦ç¢ºèªãã¦ãããã§ããå人çã«ã¯Dropboxã§è»¢éããã®ãæ軽ã§ããããã§ãã 2.æ¨ªå¹ ã¯320pxãããã¯640pxã§ãã¶ã¤ã³ãã ã¹ãã¼ããã©ã³ã§ã¯åºæ¬æ¨ªå¹ ã320pxã§è¡¨ç¤ºãããã®ã§ãã¶ã¤ã³ããéã320pxã§ãã¶ã¤ã³ãã¾ãããããã ãRe
SuperPopCamã¨ãä½ã£ãã¨ãã«ãä½ç³»çãªè³æ欲ãããªãã¼ã¨ãæã£ã¦ããã¨ã®ã¾ã¨ãã è²ã ã¨èªåã®ä¸ã®èããã¾ã¨ããããã®ã¡ã¢ãä¸ã®ä¸ã®ã¢ããªã¯æ©è½ãååã«ãã¦ãæ¸ã£ãäºç®åãUIã®ç·´ãè¾¼ã¿ã«ã¤ãè¾¼ãã æ¹ã絶対ããã¢ããªã«ãªãã¨æãã æ¸ãã¦ãä½æ¥ãä¸çªèãã¾ã¨ã¾ãã®ã§ãã¡ãã¼ã¡ãã¼ããã¦ããããã¨ãã¾ãã¯ãã¿ã³ããã æã®å¤§ããã®å¶ç´ãåãã ã»Webã¨ã¹ãããæ¯è¼ããå ´åãæ大ã®éãã ã»ãã¯ã»ã«åä½ã§ã¯ãªãã¯ä½ç½®ãå¶å¾¡ã§ãããã¦ã¹ãã¤ã³ã¿ã¨éããæã¯å¤§éæã«ããã¿ããä½ç½®ãæå®ã§ããªãã ã»ãã®ããAppleã¯ãã¿ã³ã®æå°ãµã¤ãºã¨ãã¦44pxã¨ããã¬ã¤ãã©ã¤ã³ãä½ã£ã¦ããã ã»è¦è¦çã«44px以ä¸ã®ãã¿ã³ãå®éã®ãããã¨ãªã¢ã¯å¤§ããã«ããã ã»ã¾ãããã«çã¾ããããã¿ã³ã¨ãã¿ã³ã®éã®ãã¼ã¸ã³ã¯ç©ºããããã ã空ããæ¹ãå®å ¨ã ã»ã¤ã¾ãã¨ãããã«ãããªãã¤ãããã¿ã³ã¬ã¤ã¢ã¦ãã®ã°ã©
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}