åçè¿ç¨è²å½©æ¯æ¯ä¸ªè®¾è®¡å¸é½åºå¿ é¡»å ·å¤çæè½ï¼ç¹å«æ¯æç»å¸åUI设计å¸ãéçæå¹³å设计åMaterial Design çæ¥çæ®åï¼è²å½©ç论ç¥è¯çéè¦æ§ä¹åå¾æå ææ¾ï¼
å¨è®¸å¤æ°åå产åççé¢ä¸æ们é½è½çå°ä¸äºæ亮çè²å½©åæ¸åè²ï¼ä»è¶£å³æ§å娱ä¹æ§APPå°åä¸APPåç½ç«ãç¶èï¼å ³äºæ亮çè²å½©å¯¹ç¨æ·ä½éªçå½±åä»æå¾å¤äºè®®ãæ·±å³ç½ç«å»ºè®¾ç´«çäºèå°±UI ä¸ä½¿ç¨äº®è²çä¼ç¼ºç¹è¿è¡äºä¸äºåæåæ»ç»ã
ä¸ãå¨UIä¸ä½¿ç¨é²è³é¢è²çä¼ç¹
1. å¢å å¯è¯»æ§åæ读æ§
å¨æ们ä¹åçä¸ç¯æç« ä¸ï¼æ们ä»ç»äºå½±åé è²æ¹æ¡éæ©çå ç´ ãå¯è¯»æ§åæ读æ§æ¯è®¾è®¡å¸èèè²å½©åºç¨çåºæ¬å ç´ ãè¿ééè¦æ³¨æçæ¯ï¼å¯è¯»æ§ä»£è¡¨äºäººä»¬é 读ææ¬å 容ç容æç¨åº¦ï¼æ读æ§å³å®äºç¨æ·åºåç¹å®åä½ååæ¯çé度ã
é²è³çè²å½©å¯ä»¥ä¸ºçé¢æä¾è¶³å¤é«ç对æ¯åº¦ï¼ä¹æå©äºæé«å¯è¯»æ§åæ读æ§ãç±äºå¯¹æ¯çåå¨ï¼å¸å±å ç´ åå¾æ¸ æ°å¯è§ãä½æ¯ï¼é«å¯¹æ¯åº¦çè²å½©å¯è½å¹¶ä¸æ»æ¯è½å¥æãå¦æææ¬å 容åèæ¯é¢è²å¯¹æ¯å¤ªå¼ºï¼ç¨æ·åå¾é¾é 读ææµè§ææ¬ãè¿å°±æ¯ä¸ºä»ä¹å»ºè®®è®¾è®¡å¸åé ä¸ä¸ªæ¯è¾æ¸©åç对æ¯åº¦ï¼åªå¨çªåºæ¾ç¤ºæäºå ç´ ä½¿ç¨é«å¯¹æ¯åº¦çé¢è²ã
2. ä¼å导èªå¹¶å¢å¼ºç´è§ç交äº
è§è§å±æ¬¡ç»ææ¯æææ°åå产å建ç«æ¸ æ°å¯¼èªåç´è§äº¤äºç³»ç»çæ ¸å¿è¦ç´ ãUIç»ä»¶ä¸è¬ä»¥è¿ç§ç»æç»ç»ï¼å¤§èå¯ä»¥éè¿äº§åçç©çå·®å¼ï¼å æ¬é¢è²ï¼æ¥åºå对象ã
å¦ä½åºåé¢è²çå±æ¬¡ç»æï¼è¿æ¯åç¨æ·çæç»´å³å®çãä¾å¦çº¢è²åæ©è²è¢«é常被认为æ¯å¤§èçé¢è²ï¼èç½è²å奶油类似çè²å½©å被认为æ¯æå¼±çé¢è²ãæ亮çè²å½©å¾å®¹æå¼èµ·ç¨æ·ç注æï¼æ以设计å¸ç»å¸¸ä½¿ç¨å®ä»¬ä½ä¸ºå¼ºè°æ对æ¯çæ段ãå¦ä½åçå°åºç¨è§è§å±æ¬¡ç»æï¼å¸¸è§ç使ç¨æ¹æ³æï¼å°ä¸ç§é¢è²åºç¨äºå¤ä¸ªå ç´ ä¸ï¼ä»¥æ¾ç¤ºå®ä»¬ä¹é´çæç§èç³»ãå¨UIçé¢ä¸å°è´ä¹°æé®è®¾ç½®ä¸ºçº¢è²ï¼ä»¥ä¾¿äººä»¬å¯ä»¥å¨éè¦æ¶ç´è§å°æ¾å°å®ä»¬ã
3. æé«åççå¯è¯å«æ§
人类大è对大èçè²å½©ååºåå强çï¼å æ¤ï¼æ亮çè²å½©ç»åæ´å®¹æå¼èµ·ç¨æ·ç注æãè²å½©é²è³çUI设计ï¼å¾å¾è½å¨ä¼å¤äº§åä¸è±é¢èåºãä½é注æï¼è²å½©çéæ©å¨ä¸å®ç¨åº¦ä¸è¦åºäºç®æ åä¼çå好åå¸åºè°æ¥ã
å¦æä¸å®¶ä¼ä¸å¨å ¶Logoãååãç½ç«ä¸ä½¿ç¨ç»ä¸æ亮çè²å½©ï¼è¿å¨ä¸å®ç¨åº¦ä¸ä¸å¤±ä¸ºä¸ä¸ªå°åçæ大åç好åæ³ãéè¿è¿ç§æ¹å¼ï¼è®¾è®¡å¸åå©é«åº¦ä¸è´çå¯è§åæé«åççå¯è¯å«æ§ã
4. ä¼ éæ 绪åè¥é æ°å´
为äºä¼ è¾¾æ£ç¡®çä¿¡æ¯åå·å¬ç¨æ·ååºé¢æçè¡å¨ï¼è®¾è®¡å¸éè¦ç¥éé¢è²æ¯å¦ä½å½±åæ们çæ 绪åè¡ä¸ºãæ们ç大è对ä¸åçé¢è²æä¸åçååºï¼ä¸è¿é常æ们é½å¿½ç¥äºãæ®âè²å½©å¿çå¦âè¿é¡¹ç 究表æï¼å½æ们çç¼çæç¥å°ä¸ç§é¢è²æ¶ï¼å¤§èä¼åå åæ³ç³»ç»ååºä¿¡å·ï¼éæ¾è´è´£æ 绪ååçè·å°èã
æ£ç¡®éæ©é¢è²æå©äºè¥é æ£ç¡®çæ°å´åç¨æ·ä¼ éæ£ç¡®çä¿¡æ¯ï¼è®©ç¨æ·å¤äºæ£ç¡®çæ 绪ä¸ï¼å¼å¯¼ä»ä»¬éåé¢æçè¡å¨ãä¾å¦ï¼å¦æ设计å¸å建ä¸èªç¶æåèºç¸å ³äº§åçç¨æ·çé¢ï¼é£ä¹è¿ä¸ªçé¢ç主æè²å¾æå¯è½æ¯ç»¿è²åèè²ãè¿æ ·çè²å½©åºç¨å°±ä¼ç»ç¨æ·è¥é ä¸ç§äº§åææå¡ç¸å ³èçæè§ã
5. æé æ¶å°çå¤è§åé£æ ¼
æ亮çè²å½©åæ¸åè²å¨UI设计ä¸å æ®çæéè¦çä½ç½®ãç°å¨ï¼ä½ å¯ä»¥å¨ä¸åç±»åçæ°åå产åä¸çå°æ´å¤æ¯è¿äºæ¶é«¦çé£æ ¼ï¼è严èåæ¿çåä¸é£æ ¼æ©å·²ä¸è§è¸ªå½±ã
ç¨æ·çé¢ä¸æ亮çè²å½©åæ¸åè²å½©å¯å¸¦ç»ç¨æ·å¼ºççç°ä»£ç§ææåæ°é²æãèä¸ï¼éå¸¸æ ¹æ®ææ°è¶å¿è®¾è®¡ç移å¨åºç¨ç¨åºæç½ç«å¾å¾çèµ·æ¥å¾å¸å¼äººï¼å°½ç®¡ç«äºæ¿çï¼å®ä»¬ä»è½æ´èä¸ç¹ã
äºãå¨UIä¸ä½¿ç¨é²è³é¢è²ç缺ç¹
1. æ亮çé¢è²å¾é¾æé
对äºé£äºåªä¾é ç´è§åç¾ææ¥æé è²å½©ç设计å¸æ¥è¯´ï¼ä»ä»¬å¾å¾ä¼ç¯å¾å¤ä½çº§é误ãå¦ææ³è¦åä½åºä»¤äººæ»¡æçè§è§ä½åï¼é£ä¹å ³äºå¦ä½åºç¨åæé é¢è²çåºæ¬ç¥è¯æ¯å¿ ä¸å¯å°çã
å¨UIä¸åºç¨çè²å½©è¶é²è³ï¼å°±è¶é¾æé ã为äºè®©ç¨æ·æå°æ»¡æåèéï¼è®¾è®¡å¸è¯å¾å¨UI设计ä¸å®ç°ä¸äºå¹³è¡¡ãè²å½©çåè°æ¯å ³äºè®¾è®¡ä¸é¢è²çæå对ç¨æ·çæç¥ææå¸å¼ååææçãåè°çè²å½©ç»åæå©äºç½ç«æåºç¨ç¨åºè·å¾è¯å¥½ç第ä¸å°è±¡ãé¢è²ç论å®ä¹äºå ç§åºæ¬çé è²æ¹æ¡ï¼ä»¥ä¾å¤§å®¶åèï¼
åè²ï¼åè²é è²æ¯åºäºä¸ç§é¢è²ï¼éæ©å ¶ä¸åçè²è°è¿è¡è²å½©ç»åã
类似è²ï¼è¯¥é è²æ¹æ¡åºç¨äºè²è½®ä¸å½¼æ¤ç¸é»çé¢è²ã
äºè¡¥è²ï¼å®æ¯å¨è²è½®ä¸å½¼æ¤ç¸å¯¹æ¾ç½®çé¢è²ç»åæ¹æ¡ï¼æ¨å¨äº§çè²å½©çé«å¯¹æ¯åº¦ã
æåäºè¡¥è²ï¼ è¿ä¸ªé è²æ¹æ¡çå·¥ä½åç类似äºäºè¡¥è²ï¼ä½æ¯ä¸åçæ¯éç¨äºæ´å¤çé¢è²ãä¾å¦ï¼å¦æä½ éæ©äºèè²ï¼é è²åéè¦ç»å两个ä¸å ¶ç¸åé¢è²ï¼æ©è²ï¼ç¸é»çå ¶ä»é¢è²ï¼é»è²å红è²ï¼ã
ä¸å è²ï¼å®åºäºè²è½®ä¸çè·çä¸ç§ä¸åçé¢è²ãä¸ä¸äººå£«å»ºè®®ä½¿ç¨ä¸ç§é¢è²ä½ä¸ºä¸»è²è°ï¼å ¶ä»ä¸¤ç§è²å½©ç¨æ¥æ亮ã
åè²äºè¡¥ï¼è¿ç§é è²æ¹æ¡éç¨äºä¸¤å¯¹äºè¡¥è²ç»åãå¦æè¿æ¥è¿åç§é¢è²å¨è²è½®ä¸çä½ç½®ï¼å°±ä¼å½¢æä¸ä¸ªç©å½¢ã
2. 失å»äº§åçç¹è²
大èçè²å½©æ¯å¨UIä¸åé 个æ§ä¸é£æ ¼çå·¥å ·ï¼ä½å®ä»¬ä¹å¯è½æ¯ç¹è²æ¶å¤±çåå ãå¨åä¸è§è§æå¾ä¸ä½¿ç¨è®¸å¤é²è³çè²å½©ä¼æ失å»çé¢ç¹è²çé£é©ï¼å 为å®ä»¬ä¼å¯¼è´æ´ä¸ªçé¢è²å½©è¿äºæ··ä¹±ã
è¿å°±æ¯ä¸ºä»ä¹å»ºè®®è®¾è®¡å¸åºç¨è²å½©æ¶ä½¿ç¨6ï¼3ï¼ 1 çæ¯ä¾ãæ大çé¨ååºè¯¥æ¯è®¾è®¡ä¸ä¸»å¯¼è²è°ï¼å æ®ä¸åä¹ä¸çé¨åæ¯æ¬¡è¦é¢è²ï¼æå°çå æ¯é¨åç¨äºå¸®å©æé ç¹è²çé¢è²ãè¿æ ·çæ¯ä¾å¯ä»¥è®©ç¨æ·éæ¸æç¥ææçè§è§å ç´ ï¼å æ¤è¿æ ·çæ¯ä¾è¢«è®¤ä¸ºæ¯æåéçã
3. æ亮çè²å½©å¹¶ä¸éåææç¨æ·ç¾¤ä½
ç¨æ·ç 究æ¯æ°åå产åå建çæ ¸å¿é¶æ®µä¹ä¸ãé¦å ï¼è®¾è®¡å¸éè¦å®ä¹ååæç®æ åä¼ï¼ä»¥äºè§£ä»ä»¬å¯¹ç½ç«æåºç¨ç¨åºçææãå ¶æ¬¡ï¼å¹´é¾ï¼æ§å«åæåçå ç´ é½å¯è½å½±åæ½å¨ç¨æ·çå好ãä¾å¦ï¼å©å们ä¸è¬é½å¾å欢é»è²ï¼ä½æ¯å½ä»ä»¬åæ大人æ¶ï¼é»è²çèµ·æ¥ä¾¿ä¸åé£ä¹æå¸å¼åäºãå¦å¤ï¼ç·äººå女人é常é½å欢å·è²è°ï¼å¦èè²ï¼ç»¿è²åå ¶ä»è²è°ãä½ä¸å¥³æ§ä¸åï¼ç·æ§é常æ´å欢æ è²çé¢è²ï¼å æ¬ç½è²ï¼é»è²åç°è²ã
åºç¨æ亮çè²å½©ä¹æ¯ä¸æ ·çï¼éè¦å®ä¹ååæç®æ åä¼ãå³ä½¿ä½ 为娱ä¹åºç¨å建UI设计ï¼ä½ ä¹éè¦èèç®æ åä¼çå ·ä½æ åµãä¸å¹´äººé常æ´å欢轻é级çç¨æ·çé¢ï¼ä»ä»¬å¯è½ä¸å欢å±å¹ä¸ç大èè²å½©ï¼å 为é£ä¼ä½¿ä»ä»¬åå¿ã
4. æ亮çè²å½©å¨ææºå±å¹ä¸å¯è½æ¾å¾è¿äºçªå
æ£å¦ä¸ææ说ï¼æ亮çè²å½©å¯ä»¥äº§ç强çç对æ¯ï¼æå©äºçªåºéè¦çç¨æ·çé¢å ç´ ï¼å¹¶æä¾çæ³çæ读æ§åå¯è¯»æ§ãç¶èï¼ä½¿ç¨è¿å¤çè²å½©å¯¹æ¯å¯è½ä¼é æä¸äºä½çº§é误ï¼å°¤å ¶æ¯å¨ç§»å¨çé¢è¿æ ·æéç空é´ä¸ã
å¨åè¿æ ·è¾å°çå±å¹ä¸ï¼ç¯å¢å 线åæ亮çåä½ä¼è®©ç¨æ·æè§ç¼çä¸èæãè¿å°±æ¯ä¸ºä»ä¹UI设计å¸å¨ç§»å¨è®¾å¤çé¢ä¸åºç¨æ亮çè²å½©éè¦æ³¨æè°¨æ çåå ãåªæåç设置è²å½©ä¹é´ç对æ¯åº¦ï¼æè½è®©ç¨æ·å¨ææºä¸é 读æåæ¶æè§èéã
è²å½©æ çæ¯è®¾è®¡å¸æä¸çä¸æåååï¼å®æèªå·±çä¼ç¹å缺ç¹ãå¦æä½ è½è¶å©é¿å®³ææå°å©ç¨å®ï¼ä½ å°±è½å¤æ¾å°éåäºäº§å设计çè²å½©åºç¨æ¹æ¡ã