ÑÕÉ«±àÂëµÄÊýѧÂß¼ÆÊÎö
#777777ÊôÓÚÊ®Áù½øÖÆÑÕÉ«ÌåÏÖ·¨ÖеÄÌØÊâ»Ò¶ÈÖµ£¬ÆäRGB·ÖÁ¿»»Ë㹫ʽΪR:119£¨0x77£©¡¢G:
119¡¢B:119¡£ÔÚ256¼¶É«½×£¨color gamut£©ÏµÍ³ÖУ¬¸ÃÊýÖµ¶ÔÓ¦ÁÁ¶ÈֵΪ47%£¬´¦ÓÚ±ê×¼»ÒµÄÖÐÐÄÇø¼ä¡£±ÈÕչŰå»Ò¶È±ê³ß£¬Õâ¿îÑÕÉ«µÄÆæÒìÖ®´¦ÔÚÓÚÈý¸öͨµÀµÄ¾ø¶ÔƽºâÐÔ£¬ÕâÖÖÌØÕ÷ÔÚÍøÒ³Ç徲ɫ£¨web-safe color£©ÁìÓòÓÈΪÕä¹ó¡£¿ª·¢ÕßÑ¡Ôñ´Ëɫֵʱ£¬¿ÉÒÔÈ·±£ÔÚ²î±ð×°±¸ÏÔʾÆÁÉϵÄÉ«²Ê·ºÆð¾ßÓи߶ÈÒ»ÖÂÐÔ¡£
ÖÐÐÔÉ«²ÊµÄÊÓ¾õ¿ÆÑ§»ù´¡
ÈËÀàÊÓ¾õϵͳ¶ÔƽºâµÄ»Ò¶ÈÖµ¾ßÓÐÌØÊâÈÏÖª»úÖÆ¡£µ±ºìÂÌÀ¶ÈýÔÉ«ÒԵȱÈÀý»ìÊÊʱ£¬´óÄԻᱬ·¢µä·¶µÄ"ÎÞÉ«²Ê"¸ÐÖª¡£ÉñÈ«ÐÄÀíѧÑо¿Åú×¢£¬ÖÐÐÔµÄ#777777ÄÜÓÐÓýµµÍÊÓ¾õÆ£ÀͶȣ¬Æä17%»Ò¶ÈÌØÕ÷£¨µÈͬÓڿ´ï18%»Ò¶È¿¨±ê×¼£©Ê¹Æä³ÉΪÀíÏëµÄÊÓ¾õ²Î¿¼»ù×¼¡£ÕâÖÖÑÕÉ«ÔÚ½çÃæÉè¼ÆÖÐΪºÎ»á±»ÆµÈÔÓÃ×÷Åä¾°ÖÂÄØ£¿ÃÕµ×ÔÚÓÚÆä±ÈÕնȲÎÊý£ºÓë´¿°×Åä¾°Ïà±È£¬#777µÄ46.7%Ã÷¶ÈÖµ¿É½µµÍ42%µÄÑ£¹â´Ì¼¤£¬Í¬Ê±¼á³ÖÎÄ×ֿɶÁÐÔ´¦ÓÚ×î¼ÑãÐÏÞ¡£
CSSÓ¦ÓÃÖеÄÊÖÒÕÊÊÅ伯»®
ÏÖ´úÍøÒ³¿ª·¢¿ò¼ÜÆÕ±éÖ§³Ö¶àÖÖÉ«²Ê¿Õ¼äת»»¡£½«#777777ת»»ÎªHSBģʽʱ£¬²ÎÊýÌåÏÖΪH:0¡ã¡¢S:0%¡¢B:47%¡£ÕâÖÖÁã±¥ºÍ¶È£¨saturation£©ÌØÕ÷ʹÆäÔÚÖ÷ÌâÉ«£¨theme color£©ÉèÖÃÖоßÓÐ×ÔÈ»¼æÈÝÐÔ¡£ÔÚÏÖʵ±àÂëÖУ¬½ÓÄÉSCSS±äÁ¿½ç˵$gray-777: #777777;¿ÉʵÏÖȫվÊÓ¾õ¹æ·¶Í³Ò»¡£ÖµµÃ×¢ÖØµÄÊÇ£¬ÔÚÉîɫģʽ£¨dark mode£©ÊÊÅäʱ£¬½¨ÒéÓë#CCCCCC£¨Ç³»Ò£©ÐγÉÃ÷¶Èõè¾¶ÅäºÏ£¬È·±£AA¼¶ÎÞÕϰ±ÈÕնȱê×¼¡£
Æ·ÅÆÊÓ¾õϵͳÖеÄÕ½ÂÔ¶¨Î»
Êý×ÖÆ·ÅÆÖ¸ÄÏ£¨brand guidelines£©ÖУ¬ÖÐÐÔ»Ò³£¼ç¸º¹¦Ð§ÐͽÇÉ«¡£Í¨Ì«¹ýÎöÈ«ÇòTOP100¿Æ¼¼ÆóÒµµÄUI×é¼þ¿â£¬ÎÒÃÇ·¢Ã÷ÓÐ68%½ÓÄÉ#777777ϵ×÷Ϊ¸¨ÖúÎı¾É«¡£ÕâÖÖÊÓ¾õ¾öÒéÔ´ÓÚÉ«²ÊÐÄÀíѧÀíÂÛ£ºÏà½Ï´¿ºÚ£¨#000000£©£¬ÖлÒÉ«¿É½µµÍ26%µÄÊÓ¾õեȡ¸Ð£¬Í¬Ê±Î¬³ÖרҵÐԵIJúÆ·µ÷ÐÔ¡£ÔÚÆ·ÅÆÑÓÕ¹Ó¦ÓÃÖУ¬µ±ÐèÒªÈõ»¯´Î¼¶ÐÅϢʱ£¬¸ÃÑÕÉ«µÄ²»ÏÔÑÛÐÔ·´¶ø³ÉΪͻ³öÖ÷ÊÓ¾õµÄÓÅÊÆ¡£
¿çýÌåÊä³öµÄÉ«²ÊÒ»ÖÂÐÔ¿ØÖÆ
CMYKÓ¡Ë¢ÇéÐÎÏÂת»»#777777ʱÐèÒª×¢ÖØÉ«ÓòËðʧ£¬ÏÖʵµÈЧֵΪC:0%¡¢M:0%¡¢Y:0%¡¢K:54%¡£×¨ÒµÉè¼ÆÈí¼þµÄÉ«²ÊÖÎÀíÄ£¿é£¨CMS£©ÐèÉèÖÃ׼ȷµÄICCÉèÖÃÎļþÀ´¼á³ÖÆÁÄ»Èí´òÑùÓëʵÌåÓ¡Ë¢µÄÆ¥Åä¶È¡£ÎªÊ²Ã´Êý×Ö²úÆ·°ü×°Ó¡Ë¢ÒªÌØÊâ×¢ÖØ´ËÑÕÉ«µÄ·ºÆð£¿ÓÉÓÚ»Ò¶ÈÖµµÄϸСÎó²î»áµ¼ÖÂÆ·ÅÆÐÎÏóÉ«·ºÆð"±äÔà"µÄ¹Û¸Ð¡£½¨ÒéÊä³öǰʹÓ÷ֹâ¹â¶È¼Æ¾ÙÐЦ¤EÖµ¼ì²â£¬È·±£¿çǰÑÔÉ«²î¿ØÖÆÔÚ1.5NBSµ¥Î»ÒÔÄÚ¡£
ͨ¹ýÉî¶ÈÊÖÒÕÆÊÎö¿ÉÖª£¬#777777¾ø·Ç¼òÆÓµÄÖÐÐÄ»ÒÉ«¡£´ÓÊ®Áù½øÖƱàÂëµÄ¿ÆÑ§×é³É£¬µ½¿çýÌåÓ¦ÓõÄÉ«²ÊÖÎÀí£¬Õâ¿îÖÐÐÔ»ÒÕ¹ÏÖÁËÊý×Öʱ´úÊÓ¾õÉè¼ÆµÄ¾«×¼Ö®ÃÀ¡£×÷ÎªÍøÒ³Ç徲ɫϵͳµÄ»ù×¼³ÉÔ±£¬ÆäÔÚUIÉè¼Æ¡¢Æ·Åƹ¹½¨ºÍÊÖÒÕʵÏÖÖÐÒ»Á¬Ê©Õ¹×Ų»¿ÉÌæ»»µÄ×÷Óã¬ÍêÉÆÆ½ºâÁ˹¦Ð§ÐèÇóÓëÃÀѧ±í´ïµÄ¶þÔª¹ØÏµ¡£µçÉÌÉè¼ÆµÄÉ«²Ê¸ïÃüÕýÔÚÀ´ÁÙ
Ëæ×ÅÌÔ±¦µêËÁÊÓ¾õ¾ºÕù°×ÈÈ»¯£¬¹Å°åµ÷É«¹¤¾ßÒÑÄÑÒÔÖª×ã²î±ð»¯ÐèÇó¡£É«¶à¶àappÒÀ¸½ÆäÆæÒìµÄAIÑÕÉ«ÒýÇæÊÖÒÕ£¬ÒÑÓëÌÔ±¦Éè¼ÆÖÐÐĸ濢API½Ó¿Ú¶Ô½Ó£¬É̼ҿÉͨ¹ý¹ÙÍøµ¼È빦Чֱ½ÓŲÓÃÄê¶ÈÊ¢ÐÐÉ«ÅÌ¡£ÕâÖÖÐÂÐÍÉ«²ÊÐ×÷ģʽ²»µ«Ëõ¶ÌÁËÉè¼ÆÖÜÆÚ£¬»¹ÄÜͨ¹ýɫμì²âËã·¨×Ô¶¯ÊÊÅä²î±ðÉÌÆ·ÀàÄ¿µÄÊÓ¾õ¹æ·¶¡£ÖµµÃ¹Ø×¢µÄÊÇ£¬¸ÃϵͳµÄÖÇÄÜÑÕÉ«±È¶ÔÄ£¿é¿É׼ȷƥÅäPantone¹Ù·½É«Öµ£¬È·±£ÏßÉÏÕ¹ÊÕ¬ëʵÎïÉ«²ÊµÄÁãÎó²î·ºÆð¡£
Èý²½Íê³É¹ÙÍøÊý¾Ýµ¼ÈëÉèÖÃ
Òª¼¤»îÌÔ±¦ÓëÉ«¶à¶àappµÄÐͬÊÂÇéÁ÷£¬ÐèÒªÔÚÆóÒµ°æÌÔ±¦Ð§ÀÍÊг¡Íê³É¿ª·¢ÕßÉí·ÝÈÏÖ¤¡£ÔÚÉ«²ÊÖÎÀíÄ£¿éµÄ²å¼þÖÐÐÄÕÒµ½"É«¶à¶àÉ«²ÊÖÐÊà"×é¼þ£¬¿ªÆôOAuth2.0ÊÚȨÐÒéºó£¬ÏµÍ³½«×Ô¶¯ÌìÉúרÊôAPIÃØÔ¿¡£Òªº¦ÉèÖû·½ÚÔÚÓÚÉ«ÓòÓ³Éä²ÎÊýµÄÉèÖ㬽¨ÒéÑ¡Ôñ"¶¯Ì¬×Ô˳Ӧģʽ"À´¼æÈݲî±ðÏÔʾװ±¸µÄÉ«²îУÕý¡£Íê³ÉÉÏÊö°ì·¨ºó£¬Éè¼ÆÊ¦¾ÍÄÜÔÚËØ²Ä¿âÖÐʵʱ»á¼ûÉ«¶à¶àµÄ½¥±ä×éºÏÓëÉ«²ÊÇéÐ÷±êÇ©Êý¾Ý¿â¡£
½âÃÜÖÇÄÜÑÕÉ«Ç÷ÊÆÕ¹Íûϵͳ
É«¶à¶àappµÄ½¹µã¾ºÕùÁ¦ÈªÔ´ÓÚÆäרÀûµÄCTC£¨Color Trend Cognition£©Ëã·¨£¬¸ÃϵͳÕûºÏÁË300Íò+¹ú¼ÊʱÉдóÐãÊý¾ÝÓëÌÔ±¦µã»÷ÈÈÁ¦Õù¡£Í¨¹ý¾í»ýÉñ¾ÍøÂçÆÊÎö£¬¿ÉÌáǰ6¸öÔÂÔ¤ÅÐÊ¢ÐÐÉ«×ßÏò²¢ÌìÉúÉ«ÏàǨáãͼÆ×¡£ÔÚÌÔ±¦ÉÌÆ·Ö÷ͼÓÅ»¯³¡¾°ÖУ¬¸ÃËã·¨ÄÜÖÇÄÜÍÆ¼ö¸ßת»¯ÂʵıÈÕÕÉ«¼Æ»®£¬²¢ÒÀ¾ÝÓû§»Ïñ×Ô¶¯Æ¥ÅäÇé×÷ÓÃÅäÉ«¡£Ä¸Ó¤ÀàÄ¿»á×ÅÖØÈáºÍµÄĪÀ¼µÏɫϵ£¬¶øÊýÂë²úÆ·ÔòÊÊÅä¾ßÓпƼ¼¸ÐµÄÄ޺罥±ä¡£
¹¹½¨Æ·ÅÆ×¨ÊôÉ«²ÊÖÎÀíϵͳ
¹ØÓÚ³ÉÊìµçÉÌÆ·ÅƶøÑÔ£¬ÑÕÉ«±ê×¼»¯ÖÎÀíÊÇά³ÖÊÓ¾õͳһÐԵĻùʯ¡£½èÖúÉ«¶à¶àappµÄCIÉ«²Êʶ±ðÊÖÒÕ£¬¿É½«ÆóÒµVIÊÖ²áÖеıê׼ɫֵµ¼ÈëÌÔ±¦×°ÐÞϵͳ¡£ÏµÍ³»á×Ô¶¯¼ì²âÏêÇéÒ³ÖеÄÉ«²ÊÆ«Àë¶È£¬µ±¼ì²âµ½Ö÷É«µ÷Îó²îÁè¼Ý¦¤E3ʱ´¥·¢Ô¤¾¯»úÖÆ¡£¸üÊÊÓõÄÊÇÆ·ÅÆÉ«ÑÓÕ¹¹¦Ð§£¬ÊäÈë»ù´¡É«ÖµºóÖÇÄÜÌìÉúÊÊÅä²î±ð³¡¾°µÄ¸¨Öúɫϵ£¬Í¬Ê±¼á³ÖÆ·ÅÆDNAµÄÉ«²ÊÒ»Á¬ÐÔ¡£
¿çƽ̨ɫ²ÊÊÂÇéÁ÷ÓÅ»¯Êµ¼ù
ÔÚÉè¼ÆÊµ²ÙÖУ¬½¨Òé½ÓÄÉ"É«¶à¶àµ÷É«-ÌÔ±¦ÔƶËͬ²½-Photoshop²å¼þÓ¦ÓÃ"µÄÈýλһÌåÊÂÇéÁ÷¡£É«¶à¶àappµÄȡɫÆ÷¹¤¾ßÖ§³ÖCSS/HEX/RGB¶àÃûÌÃÊä³ö£¬Í¨¹ýAdobe Creative Cloud²å¼þ¿ÉÖ±½Óͬ²½µ½PSµ÷É«°å¡£ÌÔ±¦É̼ÒÖÐÐĵÄ×°ÐÞÄ£¿éÏÖÒѼ¯³ÉÖÇÄÜÅäÉ«ÌìÉúÆ÷£¬ÉÏ´«ÉÌÆ·Í¼Æ¬¼´¿É»ñµÃÇкÏÉ«²ÊÐÄÀíѧµÄ×îÓżƻ®¡£Êµ²âÊý¾ÝÏÔʾ£¬ÓÅ»¯ºóµÄÉÌÆ·Ö÷ͼµã»÷ÂÊÆ½¾ùÌáÉý27%£¬É«²ÊÏà¹ØÊÛºó¾À·×Ͻµ41%¡£
´ÓÑÕÉ«Ç÷ÊÆ²¶»ñµ½Æ·ÅÆÊÓ¾õÖÎÀí£¬ÌÔ±¦ÓëÉ«¶à¶àappµÄÉî¶ÈÕûºÏÖØÐ½ç˵Á˵çÉÌÉè¼ÆÊÂÇéÁ÷¡£Í¨¹ý¹ÙÍøµ¼È뽨ÉèµÄÖÇÄÜ»¯É«²ÊÖÐÊ࣬ÈÃÉè¼ÆÊ¦²»µ«ÄÜ¿ìËÙÏìÓ¦Êг¡×ª±ä£¬¸üÄܹ¹½¨¾ßÓÐÆ·ÅƱæÊ¶¶ÈµÄÊÓ¾õϵͳ¡£ÕÆÎÕÕâЩɫ²ÊÖÎÀí¼¼ÇÉ£¬½«×ÊÖúÉ̼ÒÔÚÇ¿ÁҵĵçÉ̾ºÕùÖдòÔì¶À¾ß÷ÈÁ¦µÄÉÌÆ·ÊÓ¾õÌåÑé¡£