自從網(wǎng)絡(luò)時(shí)代來(lái)臨,線上教育行業(yè)蓬勃發(fā)展,人們可以自由地通過(guò)各種APP和在線學(xué)習(xí)網(wǎng)站獲取知識(shí),而傳統(tǒng)教育也逐漸開(kāi)始重視網(wǎng)絡(luò)門戶的建設(shè)。而一般來(lái)說(shuō),教育類行業(yè)UI界面的設(shè)計(jì)都比較保守,但其中也不乏優(yōu)秀的作品,讓我們一起來(lái)欣賞一些出挑的教育產(chǎn)品設(shè)計(jì)。
波士頓大學(xué)主頁(yè)
設(shè)計(jì)看似傳統(tǒng),但經(jīng)久耐看,細(xì)節(jié)處理到位,在簡(jiǎn)約大氣的同時(shí),也傳達(dá)了學(xué)術(shù)感和現(xiàn)代感的氣息。既滿足了實(shí)用需求,也保留了自身特色,不愧是老牌名校的門戶設(shè)計(jì)。
南京超然易教云平臺(tái)
采用卡片式設(shè)計(jì),信息以圖標(biāo)形式直觀展現(xiàn),清晰展示每一個(gè)教室當(dāng)前的狀態(tài)。視覺(jué)效果既簡(jiǎn)潔又不失莊重,充實(shí)美觀,色彩明快。并且將管理員使用頻率較高的功能一目了然展現(xiàn)出來(lái),方便操作,實(shí)用性強(qiáng)。
縱覽當(dāng)前教育類行業(yè)UI界面設(shè)計(jì)的趨勢(shì),不僅界面交互性更強(qiáng),也更加注重設(shè)計(jì)感和實(shí)用性的統(tǒng)一。既有多色彩風(fēng)格設(shè)計(jì),也有極簡(jiǎn)風(fēng)格的單一色調(diào)設(shè)計(jì),既呈現(xiàn)出多元化百花齊放的特點(diǎn),其中又有著不可忽視的共性。
1、通過(guò)留白控制頁(yè)面內(nèi)容間距大小,而非傳統(tǒng)的分割線對(duì)頁(yè)面進(jìn)行分隔。通過(guò)對(duì)內(nèi)容重要性的把握設(shè)置分布,讓視覺(jué)效果更加輕快簡(jiǎn)潔明了,從而讓界面更富層次感,更富于標(biāo)識(shí)度,讓用戶能夠更加專注于內(nèi)容本身,這也符合教育行業(yè)AI注重實(shí)用性的原則。
2、設(shè)計(jì)更加扁平化,色彩以平鋪形式為主。在當(dāng)今數(shù)字時(shí)代,平鋪色彩已然成為了UI設(shè)計(jì)的潮流,而教育行業(yè)更不能例外。在保證界面簡(jiǎn)約的同時(shí),以醒目而不刺眼的色彩作為點(diǎn)亮視覺(jué)的方式,讓頁(yè)面目的性更強(qiáng),內(nèi)容一目了然。
3、更加重視內(nèi)容,將UI放在一個(gè)較輕的位置。作為教育行業(yè)的門戶,自然要以教育內(nèi)容為重,在快節(jié)奏時(shí)代節(jié)約用戶的時(shí)間與精力,盡可能地將用戶的注意力引導(dǎo)在重要的內(nèi)容以及頁(yè)面功能上。讓用戶在通過(guò)頁(yè)面學(xué)習(xí)時(shí)能夠更加專注,UI成為一個(gè)錦上添花的輔助,盡可能不去吸引用戶的注意力。
總之,當(dāng)今教育行業(yè)UI界面設(shè)計(jì)除了上述趨勢(shì)外,將來(lái)還會(huì)由著5G技術(shù)的發(fā)展,而在不同的載體上展現(xiàn)出新的特性,尤其是手機(jī)教育類產(chǎn)品UI設(shè)計(jì),更將成為軟件設(shè)計(jì)的一個(gè)重點(diǎn)。