"Ko e lanu ko e fuofua lea ia 'oku lea'aki 'e ho'o brand kimu'a pea toki lau ha fo'i lea 'e taha. Ko ha gradient kuo fili lelei 'oku 'ikai ke 'asi lelei pe — 'oku ne fakahoko 'a e falala, ivi, mo e 'ulungaanga 'i lalo he sekoni 'e tolu."

'Oku anga fefe hono ngaue'aki 'o e ngaahi faka'ilonga 'i he faka'ilonga'i 'o e pisinisi mo e fakamaketi fakakomipiuta?

Kuo fai 'e he ngaahi gradients ha foki lahi talu mei he kuonga 'o e tisaini 'o e flat 'o e 2010s, pea 'i he 'aho ni ko e taha kinautolu 'o e ngaahi me'angaue 'aonga taha 'i he me'angaue faka'ata 'a e marketer. 'Oku faka'aonga'i 'e he ngaahi pisinisi 'i he ngaahi ngaue'anga kotoa pe 'a e ngaahi faka'ilonga ke fa'u ha tu'unga faka'ata, tohoaki'i 'a e tokanga ki he ngaahi ui-ki-he-ngaue, pea langa hake 'a e ngaahi feohi'anga fakaeloto mo honau ngaahi lanu faka'ilonga.

Ko e ngaahi founga uesia taha eni 'oku faka'aonga'i ai 'e he ngaahi pisinisi 'a e ngaahi faka'ilonga mei he ngaahi me'angaue hange ko e Gradient.horse:

• Ngaahi 'atakai 'o e konga 'o e toa: Ko ha gradient 'i mui 'i ho'o 'ulu'i fakamatala 'oku ne fakatupu 'a e loloto pea 'oku ne fakamavahe'i vave ho'o saiti mei he kau fe'auhi hinehina-ma'ama'a, fakalahi 'a e taimi-'i he-peesi mo fakasi'isi'i 'a e ngaahi tu'unga 'o e bounce.
• Ngaahi pātene CTA mo e ngaahi ʻelemēniti fetuʻutaki: ʻOku mahulu hake maʻu pē ʻa e ngaahi pātene fakaʻata ʻi he ngaahi pātene lanu ʻe taha ʻi he ngaahi sivi A/B koeʻuhí he ʻoku nau ʻasi mai ʻi he tafaʻaki ʻe tolu pea ʻoku fakanatula pē ʻenau tohoakiʻi ʻa e matá.
• Ngaahi fakatātā mo e ngaahi fakatātā siʻisiʻi ʻo e mītia fakasōsialé: ʻOku manakoa ʻe he ngaahi founga ʻo e peletifoomu ʻa e ngaahi meʻa ʻoku kehekehe ʻaupito, ʻoku kehekehe ʻa e sio — ʻoku tokoni ʻa e ngaahi fakaʻilonga ke tuʻu mavahe hoʻo ngaahi pou ʻi he ngaahi fafanga ʻoku fonu ʻi he Instagram, LinkedIn, mo e ngaahi meʻa kehe.
• Ngaahi 'ulu'i tohi fakamaketi 'i he 'imeili: Ko ha fuka faka'ata 'i he tumutumu 'o ha 'imeili fakamaketi 'oku ne faka'ilonga'i 'a e fakapalofesinale pea 'e lava ke ne fakalahi 'a e ngaahi tu'unga 'o e liliu 'o e fakaava-ki-he-kiliki 'o lahi.
• Ko e faka'ilonga 'o e brand mo e ngaahi 'akseniti 'o e faka'ilonga: Ko e ngaahi 'overlay 'o e gradient fakapulipuli 'i he ngaahi faka'ilonga mo e ngaahi faka'ilonga lea 'oku ne 'oange ki he ngaahi brand ha ongo 'o e premium, fakaonopooni 'o 'ikai fie ma'u ha rebrand kakato.

Ko e hā ʻa e ngaahi tefitoʻi moʻoni tefito ʻi hono fili ʻo e Gradient Totonu ki Hoʻo Brand?

'Oku 'ikai ke fa'u tatau 'a e ngaahi gradients kotoa pe, pea ko hono fili 'o e fakataha'anga hala 'e lava ke ne fakavaivai'i mo'oni ho'o fakakaukau ki he brand. Ko e tefito'i mo'oni mahu'inga taha ko e lanu 'o e fe'unga — 'oku totonu ke vahevahe ho'o ngaahi lanu gradient ha fehokotaki'anga fakalokiloki 'i he uili lanu, pe ko e analogous (lanu kaunga'api), fakakakato (lanu fehangahangai), pe triadic (lanu 'e tolu 'oku 'i ai tatau).

'Oku mahu'inga tatau pe 'a e fakahinohino mo e fili lanu. 'Oku ongo'i 'e he gradients fakahosite 'oku tu'uma'u mo falala'anga, 'o 'ai ke nau lelei 'aupito ki he pa'anga, tokanga'i 'o e mo'ui, mo e ngaahi pisinisi B2B. 'Oku fetu'utaki 'a e ngaahi gradients Diagonal 'a e dynamism mo e fo'ou, ko e 'uhinga ia 'oku nau manakoa ai 'i he ngaahi kamata'anga 'o e tekinolosia mo e ngaahi tu'unga SaaS. Radial gradients (senita-ki tu'a) 'oku ne fakatupu ha ola 'o e spotlight 'oku fakanatula 'a e tokanga, 'o 'ai ke nau malohi ki he ngaahi faka'ali'ali 'o e koloa mo e ngaahi fuka faka'ilo.

Ko e ratio kehekehe ko e fakakaukau fakatekinikale 'oku 'ikai lava ke alea'i. Ko ha fa'ahinga gradient 'oku faka'aonga'i 'i mui 'i he tohi kuo pau ke tauhi ha si'isi'i taha 'o e 4.5:1 'o e kehekehe 'o e 'uhinga ki he ngaahi fakahinohino 'o e WCAG 'o e accessibility. 'Oku fili fakalukufua 'a e ngaahi gradients 'o e Gradient.horse 'i he fakakaukau ko 'eni, ka ke fakamo'oni'i ma'u pe ho'o keisi faka'aonga'i pau — tautautefito ki he taimi 'oku layering ai 'a e tohi 'i he ngata'anga ma'ama'a ange pe fakapo'uli ange 'o ha span gradient.

Kuo anga fēfē hono faʻu ʻe he Fakalakalaka ʻo e Tisaini ʻo e Gradient ʻa e UI mo e UX fakaonopooni?

Ko e hisitōlia 'o e ngaahi faka'ilonga 'i he tisaini fakakomipiuta 'oku ne faka'ata 'a e tupulaki 'o e tekinolosia 'o e screen 'iate ia pe. Na'e faka'ehi'ehi kakato 'a e ngaahi tisaini 'o e uepi 'o e kuonga mu'a mei he gradients koe'uhi na'e 'ikai lava 'e he kau monitoa 'o 'oatu kinautolu 'o lelei. Naʻe ʻomi ʻe he kuonga ʻo e Uepi 2.0 ʻa e ngaahi fakaʻilonga ngingila, fakalahi ʻa ia naʻe vave ʻene fekauʻaki mo e ngaahi fakaʻofoʻofa motuʻa. 'I he taimi na'e to'o ai 'e he tisaini 'o e flat 'i he 2012, na'e meimei mole 'a e ngaahi gradients — kae toki foki mai mo ha founga 'oku mama'o ange 'a e fakapotopoto, nuanced 'i he 2016.

'Oku faka'ilonga'i 'a e ngaahi founga 'o e gradient 'o e 'aho ni 'e he fakapulipuli, mafola lanu lahi mo e ngaahi liliu tuai, pea mo e me'a 'oku ui 'e he kau tisaini ko e "ngaahi gradient 'o e tenga'i 'akau" — gradients mo ha ki'i longoa'a 'o e texture 'o e 'overlay 'oku ne 'ai ke nau ongo'i tactile mo e analog kae 'ikai ko e digital ma'a. 'Oku fakahaa'i 'e he tupulaki ko 'eni ha liliu lahi ange ki he mafana mo e tangata 'i he ngaahi interfaces fakakomipiuta, 'i he tupulaki 'a e kau faka'aonga'i 'o e vaivai 'e he sterile, ongo fakakiliniki 'o e ngaahi sisitemi tisaini 'o e flat.

Ki he ngaahi pisinisi, 'oku mahu'inga 'eni koe'uhi ko e ngaahi founga tisaini 'oku ne uesia fakahangatonu 'a e falala 'a e kau faka'aonga'i. Brands 'oku 'asi 'enau 'ulungaanga faka'ata 'oku 'aho 'oku mole 'a e falala'anga mo e kau fanongo fakaonopooni 'oku nau subconsciously fakafehokotaki 'a e ngingila faka'ata mo e taukei fakangaue. Ko e nofo lolotonga mo e gradient aesthetics ko ha feinga ma'ulalo, founga 'oku ma'olunga hono uesia ke tauhi ho'o brand ke ongo'i fe'unga mo falala'anga.

Ko e hā ʻa e Kahaʻu ʻo e Tisaini ʻo e Gradient ki he Kau Maʻu Pisinisí?

Ko e frontier hoko ki he ngaahi gradients 'oku 'i he 'animasi mo e fetu'utaki. CSS mo e JavaScript 'oku faka'ata 'e he taimi ni 'a e gradients ke hiki, manava, mo tali ki he fetu'utaki 'a e tokotaha faka'aonga'i 'i he taimi mo'oni — 'o fa'u 'a e ngaahi 'atakai mo'ui 'oku fakakau 'a e kau 'a'ahi 'o fuoloa ange 'i he ngaahi tisaini static. 'Oku evolve 'a e ngaahi me'angaue hange ko e Gradient.horse 'i he tafa'aki 'o e ngaahi malava ko 'eni, 'i he ngaahi tu'unga lahi ange 'oku kamata ke 'oatu 'a e ngaahi 'ave 'o e gradient 'oku mo'ui 'i he tafa'aki 'o e static CSS code.

Ko e fili lanu tokoni'i 'e he AI 'oku ne toe fakafotunga 'a e founga 'oku fakaofiofi ai 'a e ngaahi pisinisi ki he tisaini 'o e gradient. Kae 'ikai ko hono fili 'e he nima 'a e ngaahi lanu, 'e fakautuutu 'a e kau ma'u pisinisi 'a e ngaahi mahu'inga 'o e brand, demographics taumu'a, mo e ngaahi taumu'a fakaeloto — pea ma'u 'a e ngaahi paleti gradient fakasaienisi optimized 'i he totongi. Ko e ngaahi pisinisi 'oku nau 'ave vave 'a e ngaahi me'angaue ko 'eni 'e ma'u ha lelei faka'ata fe'au'auhi lahi 'i he hokohoko atu 'a e tupulaki 'a e ngaahi feitu'u fakakomipiuta 'o lahi ange 'a e kakai.