É«²ÊÐÄÀíѧÔÚ¶ùͯ½çÃæÉè¼ÆÖеÄÁ¢ÒìÓ¦ÓÃ
XMXM18½çÃæÉè¼ÆµÄ½¹µãÍ»ÆÆÔÚÓÚÆä¶ÔÉ«²Ê¿ÆÑ§£¨Color Science£©µÄϵͳ»¯ÔËÓá£Ñз¢ÍŶӽÓÄÉHSLÑÕɫģʽ£¨É«Ïà¡¢±¥ºÍ¶È¡¢Ã÷¶È£©¹¹½¨É«²Êϵͳ£¬Í¨¹ýÃ÷¶ÈÖµ>75%µÄ¸ßÁÁ¶ÈÖ÷É«µ÷´Ì¼¤¶ùͯÊÓ¾õÉñ¾·¢Óý¡£²âÊÔÊý¾ÝÏÔʾ£¬Ê¹ÓÃɺº÷³ÈÓ뺣ÑóÀ¶µÄ±ÈÕÕÉ«×éÊÊʱ£¬5-8ËêÓû§µÄ½çÃæ²Ù×÷׼ȷÂÊÌáÉý37%¡£ÔõÑùÔÚ¼á³ÖÊÓ¾õÎüÒýÁ¦µÄͬʱ×èֹ̫¹ý´Ì¼¤£¿Éè¼ÆÊ¦ÇÉÃîÔËÓý¥½øÊ½É«²Ê¹ý¶É£¬ÔÚ¹¦Ð§Çø¿é¼äÉèÖÃÖÐÐÔÉ«»º³å´ø£¬ÓÐÓýµµÍÊÓ¾õÆ£Àͱ¬·¢ÂÊ¡£
ÇкÏÈÏÖª·¢ÓýµÄ·Ö¼¶½çÃæ¼Ü¹¹
Õë¶Ô¶ùͯÓû§¿ç¶È½Ï´óµÄÄêËê¶ÎÌØÕ÷£¬XMXM18½ÓÄɶ¯Ì¬½çÃæ¼Ü¹¹£¨Dynamic UI Framework£©¡£ÏµÍ³Æ¾Ö¤Óû§ÄêËê×Ô¶¯Æ¥Åä½»»¥ÖØÆ¯ºó£¬ÎªÑ§Áäǰ¶ùͯÉè¼ÆÈ«ÆÁ´¥µã°´Å¥£¬¶øÎª10ËêÒÔÉÏÓû§±£´æ²à±ßÀ¸µ¼º½¡£½¹µã¹¦Ð§ÇøµÄÊÓ¾õÈ¨ÖØ·ÖÅÉÇкϷѴ͍ÂÉ£¨Fitts' Law£©£¬¸ßƵ²Ù×÷°´Å¥µÄ³ß´ç·Å´óÖÁ±ê×¼ÖµµÄ150%¡£ÌØÊâÖµµÃ×¢ÖØµÄÊÇÇé¾³»¯×ÊÖúϵͳ£¬µ±´«¸ÐÆ÷¼ì²âµ½Óû§³ÙÒɲÙ×÷ʱ£¬»áÆô¶¯3D¶¯»Ö¸µ¼Á÷³Ì£¬ÕâÖÖÉè¼ÆÊ¹ÐÂÓû§Ñ§Ï°ÇúÏßËõ¶Ì42%¡£
Çå¾²Éè¼ÆÀíÄîÔÚ½çÃæÔªËØÖеÄÌåÏÖ
ÔÚÒþ˽±£»¤·½Ã棬XMXM18½«Çå¾²¾¯Ê¾»úÖÆÉî¶ÈÕûºÏÖÁÊÓ¾õϵͳ¡£Ãô¸ÐÐÅϢ¼ÈëÇøÓò½ÓÄɶ¯Ì¬ÂíÈü¿ËÊÖÒÕ£¬ÊµÊ±Ä£ºý´¦Öóͷ£ÊäÈëµÄ¸öÐÔ»¯Êý¾Ý¡£Éç½»ÐÂÎÅÆøÅÝÌØÊâÉè¼ÆË«²ã½á¹¹£¬Íâ²ãÏÔʾÄÚÈÝÕªÒª¶øÍêÕûÐÅÏ¢Ðè¼Ò³¤ÊÚȨÉó²é¡£ÕâÖÖ"²£Á§Óã¸×"ʽµÄ͸Ã÷»¯Éè¼Æ£¬¼È°ü¹Ü¶ùͯÉç½»×ÔÓÉ£¬ÓÖÈ·±£¼à»¤È˵ÄÓÐÓÃî¿Ïµ¡£Æ½Ì¨»¹´´Á¢ÐԵؿª·¢ÁËÇéÐ÷·ûºÅÉóºËϵͳ£¬×Ô¶¯¹ýÂ˲»ÏàÒ˵ÄÐÄÇéͼ°¸¡£
ÔöÇ¿ÏÖʵÊÖÒÕ´øÀ´µÄ»¥¶¯Ë¢ÐÂ
XMXM18ÔÚ¶ùͯÉç½»ÁìÓòÂÊÏÈÒýÈëARµ¼º½ÏµÍ³£¨ÔöÇ¿ÏÖʵÊÖÒÕ£©¡£Í¨¹ý×°±¸ÉãÏñÍ·²¶»ñÏÖÕæÏàÐΣ¬ÔÚÆÁÄ»µþ¼ÓÐéÄâ·öÒý±ê¼Ç£¬×ÊÖúµÍÁäÓû§Ã÷È·Áýͳ¹¦Ð§¿´·¨¡£ÔÚÌí¼ÓÖ¿ÓÑÁ÷³ÌÖУ¬ÏµÍ³»áÌìÉú¿¨Í¨Ïòµ¼Ïòµ¼Óû§Íê³É²Ù×÷°ì·¨¡£ÕâÖÖ¾ßÏ󻯽»»¥·½·¨Ê¹7ËêÒÔ϶ùͯµÄ¹¦Ð§Ê¹ÓÃÍêÕû¶È´Ó58%ÌáÉýÖÁ89%¡£´¥¾õ·´ÏìÄ£¿éÔòÌṩ32½×Õð¾ªÇ¿¶È£¬ÅäºÏÊÓ¾õÌáÐÑÇ¿»¯²Ù×÷Õý·´Ïì¡£
¼Ò³¤¿ØÖÆÃæ°åµÄÖÇÄÜÐͬÉè¼Æ
¼à»¤ÏµÍ³½ÓÄÉË«¹ìÖÆÉè¼ÆÀíÄ¼Ò³¤¶Ëͨ¹ýרÊô¼ÓÃÜͨµÀ»ñÈ¡¶ùͯ»î¶¯ÕªÒª¡£¿ÉÊÓ»¯Êý¾ÝÒDZíÅÌÔËÓÃÉ£»ùͼ£¨Sankey diagram£©Õ¹ÏÖÉç½»¹ØÏµÍøÂ磬ʱ¼äÖáģʽ¿É×·ËÝÈý¸öÔÂÄڵĻ¥¶¯¼Í¼¡£ÖÇÄÜÔ¤¾¯ÏµÍ³»ùÓÚ»úеѧϰËã·¨£¬ÄÜʶ±ð92%µÄ·ÇͨÀýÐÐΪģʽ²¢Í¨¹ýÉ«ÎÂת±ä·¢³öÌáÐÑ¡£¼Ò³¤»¹¿É×Ô½ç˵Çå¾²ÇøÓò£¬µ±¶ùͯ´¥´ïÉ趨½çÏßʱ£¬½çÃæ»á×Ô¶¯Çл»Îª¾¯Ê¾É«²¢Æô¶¯ÓïÒôÌáÐÑ¡£
ÊÊÀÏ»¯Ë¢ÐÂÓëÌØÊâȺÌåÊÊÅ伯»®
ÔÚÖª×ãÖ÷ÒªÓû§ÐèÇóµÄͬʱ£¬XMXM18ÍŶӹØ×¢µ½ÁôÊØ¶ùͯÓë׿âïÊÑÓû§µÄ½»»¥Õϰ¡£ÌØÊ⿪·¢µÄ´ú¼Êģʽǿ»¯ÎÄ×ÖתÓïÒô¹¦Ð§£¬²¢½«×ÖÌå·Å´óÖÁWCAG2.1£¨ÍøÂçÄÚÈݿɻá¼ûÐÔÖ¸ÄÏ£©AA¼¶±ê×¼¡£Õë¶ÔÈÏÖªÕϰ¶ùͯ£¬½çÃæÌṩ·ûºÅÌæ»»ÎÄ×ÖÑ¡Ï½ÓÄÉPECS£¨Í¼Æ¬½»Á÷Ïàͬϵͳ£©½»»¥Âß¼ÖØ¹¹µ¼º½ÏµÍ³¡£ÕâЩÈËÐÔ»¯Éè¼ÆÊ¹²úÆ·ÔÚ¹«Òæ½ÌÓýÁìÓò»ñµÃÆÕ±éÈϿɡ£
XMXM18¶ùͯÉç½»Èí¼þµÄ½çÃæÉè¼ÆÍ»ÆÆÖ¤Êµ£¬ÓÅÒìµÄÊý×Ö²úÆ·Ó¦½¨ÉèÔÚ¶ÔÓû§ÈÏÖª¼ÍÂɵÄÉî¿ÌÃ÷È·Ö®ÉÏ¡£Í¨¹ý¿ÆÑ§µÄÉ«²ÊÖÎÀíϵͳ¡¢·Ö¼¶½»»¥¼Ü¹¹ºÍÖÇÄÜ¼à¿ØÏµÍ³µÄÓлúÈںϣ¬¸Ãƽ̨Ϊ¶ùͯÉç½»²úÆ·ÉèÁ¢ÁËеÄÇå¾²±ê×¼ÓëÌåÑé±ê¸Ë¡£Î´À´Ëæ×ÅÉúÎïʶ±ðÊÖÒÕºÍÇéÐ÷ÅÌËãµÄÉú³¤£¬¶ùͯÓѺÃÐͽçÃæÉè¼Æ±Ø½«ÂõÏò¸üÖÇÄÜ»¯¡¢ÈËÐÔ»¯µÄн׶Ρ£
Ò»¡¢µçÊÓ½çÃæÉè¼ÆµÄÌØÊâÐèÇóÆÊÎö
µçÊÓUIÓë¹Å°åÒÆ¶¯¶Ë½çÃæ±£´æÊµÖʲî±ð£¬Ê®Ó¢³ßÌåÑ飨Óû§ÓëÆÁÄ»µÄ¾àÀ룩¾öÒéÁËÉè¼Æ¹æ·¶µÄÌØÊâÐÔ¡£Çø·ÖÂÊ·½ÃæÐèÒª¼æ¹Ë4K/8K³¬ÇåÏÔʾҪÇ󣬽¨Òé×îСµã»÷ÈÈÇø¼á³Ö80¡Á80ÏñËØ£¬È·±£Ò£¿ØÆ÷²Ù×÷¾«×¼ÐÔ¡£É«²Ê±ÈÕÕ¶ÈÒªÇкÏRec.709É«Óò±ê×¼£¬ÎÄ×Ö¾Þϸ»ù×¼ÍÆ¼öÉèΪ48px£¨ÊÊÓÃÓÚ2Ã×ԢĿ¾àÀ룩¡£ÔÚÉè¼Æ½á¹¹Ê±£¬ÐèÖØµã˼Á¿¡¸FÐÍÊÓ¾õ¶¯Ïß¡¹£¨Óû§×ÔÈ»ä¯ÀÀ·¾¶£©£¬½«½¹µã¹¦Ð§Çø¿é¼¯ÖÐÔÚÆÁÄ»×ó²à»Æ½ðÇøÓò¡£
¶þ¡¢¶àά¶Èµ¼º½ÏµÍ³µÄ¹¹½¨ÔÔò
µçÊÓ½çÃæÉè¼ÆµÄµ¼º½¼Ü¹¹±ØÐè½â¾öÒ£¿ØÆ÷ÊäÈëά¶È¼òµ¥µÄÎÊÌâ¡£»ù´¡µ¼º½Ä£×Ó½¨Òé½ÓÄÉ¡¸Ê®×ÖÐͽ¹µãµ¼º½¡¹£¬Í¨¹ýÉÏÏÂ×óÓÒ¼üʵÏÖ¿ìËÙ¶¨Î»¡£²ã¼¶Éî¶È½¨Òé¿ØÖÆÔÚ3²ãÒÔÄÚ£¬Ö§³Ö¿ì½Ý·µ»ØµÄBreadcrumbµ¼º½£¨µ¼º½Â·¾¶ÏÔʾ£©ÖÁ¹ØÖ÷Òª¡£²âÊÔÊý¾ÝÏÔʾ£¬ºÏÀíÉèÖÃTab±êÇ©£¨¹¦Ð§Ä£¿éÇл»£©¿ÉÌáÉý38%µÄ²Ù×÷ЧÂÊ¡£ÖµµÃ×¢ÖØµÄÊÇ£¬½¹µã״̬±ØÐè¼á³ÖÇåÎúÊÓ¾õ·´Ïì£¬ÍÆ¼öʹÓø߱ÈÕÕÉ«±ß¿òÓëËõ·Å¶¯»×éºÏµÄ½»»¥ÌáÐÑ·½·¨¡£
Èý¡¢ÊÓ¾õÐÅÏ¢²ã¼¶µÄ»Æ½ð¹æÔò
´óÆÁUIÉè¼ÆµÄÊÓ¾õÌõÀí½á¹¹Ö±½ÓÓ°ÏìÄÚÈÝת´ïЧÂÊ¡£½¨Òé½ÓÄÉ7:2:1µÄÊÓ¾õÈ¨ÖØ·ÖÅÉ·¨£¬¼´70%ÇøÓòչʾ½¹µãÄÚÈÝ£¬20%ÓÃ×÷¸¨ÖúÐÅÏ¢£¬10%±£´æ²Ù×÷¿Ø¼þ¡£×ÖÌåÅŰæÒª×ñÕÕÊӾ໻Ë㹫ʽ£º×ֺţ¨px£©= ÊӾࣨÃ×£©¡Á3.5¡£ÔÚÓ°ÊÓÀà½çÃæÖУ¬½¨Ò齫²¥·ÅÆ÷¿ØÖÆÀ¸ÖÃÓÚÆÁÄ»ÏÂ1/3´¦£¬ÕâÊÇÓû§ÊÓÏß×ÔȻͣÁôµÄ»Æ½ðÇøÓò¡£ÔõÑùƽºâÐÅÏ¢ÃܶÈÓëÊÓ¾õÌñ¾²¶È£¿ÍƼöʹÓÿ¨Æ¬Ê½½á¹¹£¨Card Design£©£¬Í¨¹ýÁô°×ÓëÒõӰЧ¹û¹¹½¨Ã÷È·µÄÄÚÈݽçÏß¡£
ËÄ¡¢¶¯Ì¬½»»¥µÄÏìÓ¦±ê×¼É趨
Ò£¿ØÆ÷²Ù×÷ÑÓ³ÙÊÇÓ°ÏìµçÊÓUIÌåÑéµÄÒªº¦ÒòËØ¡£½¨Òé½¹µãÒÆ¶¯ÏìӦʱ¼ä¿ØÖÆÔÚ150msÒÔÄÚ£¬°´Å¥µã»÷·´Ïì±ØÐè´îÅäÕð¾ªÌáÐÑ£¨×ÝÈ»Óû§Î´¿ªÆôÉùÒô£©¡£×ª¶¯ÁбíÉè¼ÆÐèÒªÌØÊâ×¢ÖØ¹ßÐÔ»¬¶¯µÄ×èÄáϵÊý£¬¾ÓÉʵÑéÊÒ²âÊÔ£¬0.92µÄĦ²ÁϵÊýÄÜʵÏÖ×îÓŲÙ×÷ÊָС£ÔÚÊÓÆµÔ¤ÀÀµÈÌØÊⳡ¾°£¬½¨Òé½ÓÄɼ´Ê±Ô¤ÀÀÊÖÒÕ£¨Instant Preview£©£¬µ±½¹µãÍ£ÁôÁè¼Ý500msʱ×Ô¶¯´¥·¢ÄÚÈÝÔ¤ÀÀ²¥·Å¡£
Îå¡¢¶à×°±¸ÊÊÅäµÄ¼æÈÝÐԼƻ®
ÃæÁÙ´Ó32´çµ½85´çµÄÈ«³ß´çµçÊÓÊÊÅä£¬Íø¸ñϵͳ£¨Grid System£©µÄµ¯ÐÔÀ©Õ¹Éè¼ÆÓÈΪÖ÷Òª¡£½¨Òé½ÓÄÉ12ÁÐÕ¤¸ñ½á¹¹£¬¼ä¾àµ¥Î»°´ÆÁÄ»³ß´çµÈ±ÈËõ·Å¡£Õë¶Ô²î±ðÇø·ÖÂÊ×°±¸£¬ÐèҪ׼±¸3Ì×ÒÔÉÏÇÐͼ×ÊÔ´£¬°üÀ¨@1x¡¢@2x¡¢@4xµÈ¹æ¸ñ¡£ÔÚHDRÏÔʾװ±¸ÉÏ£¬ÒªÌØÊâ×¢ÖØ¸ß¶¯Ì¬¹æÄ£ÑÕÉ«µÄ¿ØÖÆ£¬ÍƼöʹÓÃPQÇúÏߣ¨¸ÐÖªÁ¿»¯ÇúÏߣ©¾ÙÐÐÉ«²ÊÖÎÀí¡£ÔõÑùÑéÖ¤Éè¼Æ¼Æ»®µÄÊÊÅäЧ¹û£¿±ØÐ轨Éè°üÀ¨ÀÏʽҺ¾§µçÊÓ¡¢OLEDÆÁ¡¢¼¤¹âͶӰµÈ¶à»úÐ͵ÄÕæ»ú²âÊÔ¾ØÕó¡£
ͨ¹ýÏµÍ³ÕÆÎÕµçÊÓUIÉè¼ÆµÄ¹æ·¶ÏµÍ³£¬Éè¼ÆÊ¦ÄÜÓÐÓÃÌáÉý´óÆÁ½»»¥µÄÓû§ÌåÑé¡£¼Ç×ÅÉè¼ÆÊ±ÐèҪʼÖÕÕ¾ÔÚ2Ã×ÍâµÄɳ·¢ÉÏ˼Ë÷£¬¼á³ÖÔªËØ¾Û½¹Ã÷È·¡¢²Ù×÷·´Ïìʵʱ¡¢ÊÓ¾õ²ã¼¶ÇåÎúÈý´óÔÔò¡£×¨Òµ¹æ·¶µÄ½çÃæÉè¼Æ²»µ«ÄܽµµÍÓû§Ñ§Ï°±¾Ç®£¬¸üÄÜÏÔÖøÌáÉý²úÆ·µÄÁô´æÂʺÍÊг¡¾ºÕùÁ¦¡£