12.04音(yīn)訊,設計(jì)兒(ér)童網站(zh★δ±àn)時(shí)須側重的(de)幾個(gè)要(yào)點。最近(← &∑jìn)處于項目需要(yào)，開(kāi)始研究兒(ér)童産品的(de)✘♠™☆界面設計(jì)。在此之前，對(duì)兒(ér)童如(rú)何使用☆σ(yòng)移動産品和(hé)如(rú)何設計( ≠jì)知(zhī)之甚少(shǎo)。優質的(de)移 ©£→動應用(yòng)，為(wèi)兒(ér)童帶來(lái₩Ω₩)樂(yuè)趣的(de)同時(shí)可(kě)以幫助兒(ér)童認知(zh₩ ī)事(shì)物(wù)。越來(lái)越多(duō)σΩ的(de)兒(ér)童使用(yòng)移動設•∞備，接觸虛拟社區(qū)的(de)時(shí)間(jiān)甚至早于真實☆λ÷£世界，如(rú)何設計(jì)兒(ér)童産品是(shì)一(yī'✘)個(gè)非常值得(de)深入研究的(de)課題。
本文(wén)簡單地(dì)從(cóng)視(shì)₩§ £覺、界面層級關系和(hé)交互等方面分(γ♣fēn)析兒(ér)童與成人(rén)界面之間(jiān)的(d∏λ≥e)差異性。
顔色
細心的(de)朋(péng)友(yǒu)會(huì)發♦★σλ現(xiàn)兒(ér)童家(jiā)具明(míng)顯有(yǒu)←₩☆γ别于其他(tā)家(jiā)具，最明(míng)顯的(de)特征就≈ββ(jiù)是(shì)顔色，這(zhè)是(shì)因為(wè§∏i)兒(ér)童視(shì)力到(dào)8歲才能(nén→×g)發育完全，對(duì)色彩的(de)認知(zhī)也(yě" )是(shì)從(cóng)簡單的(de)三原色開(kāi)始，兒↕→∞¶(ér)童偏向于喜歡高(gāo)純度和(hé)高(gāo)明("←±míng)度的(de)原色。
iPad版奇藝動畫(huà)片的(de)啓動界面以品牌綠(lǜ)β&為(wèi)主，配合多(duō)種紅(hóng)藍(lán)黃(huáng♠✔)等顔色，整體(tǐ)寫實藍(lán)天綠(lǜσ'<)草(cǎo)地(dì)的(de)真實意境，營造輕松有(yǒu)× 趣的(de)氛圍。
線條
兒(ér)童家(jiā)具一(yī)般有(yǒu©"'Ω)保護措施，避免兒(ér)童在缺乏自(zì)我保護意®≈識的(de)情況下(xià)被誤傷，界面設計(jì)同樣如(r®γ÷✘ú)此。避免繁雜(zá)的(de)細節，邊緣通(tōng↕☆€)常使用(yòng)圓角處理(lǐ)。
字體(tǐ)
家(jiā)長(cháng)通(tōng)常擔心兒(≥≥∞ ér)童使用(yòng)電(diàn)子(zǐ£δ♦£)設備影(yǐng)響視(shì)力，界面中很(hěn)少(shǎo)使用(♠ <yòng)小(xiǎo)号字體(tǐ)，電(diàn)子(zǐ)書(sδγγ®hū)字号通(tōng)常比成人(rén)界面大(dà)2-4号。而奇藝動畫(§≠huà)片以圖片和(hé)視(shì)頻∑δ§"(pín)為(wèi)主，兒(ér)童通(tōng ≥$)過卡通(tōng)形象可(kě)以輕松識别內(nèi)容，相(xiàn♠↓ ♣g)比較故事(shì)書(shū)而已，文(∞≈wén)字并不(bù)是(shì)那(nà)§≥∑麽重要(yào)。
聲音(yīn)
個(gè)别界面無法避免使用(yòng)文(wén)字時(sh ₩αí)，奇藝動畫(huà)片增加了(le)聲音π&φ$(yīn)提示，巧妙地(dì)降低(dī)兒(ér)童的(de)δ↓閱讀(dú)難度。
故事(shì)書(shū)通(tōng)常有(yǒu)閱讀(dú)聲音(σ'≈¶yīn)，一(yī)方面是(shì)兒(ér)童的(de)識字并不(bù← ≤γ)多(duō)，另一(yī)方面是(shì)兒(ér)童注意力通(tōng←≠∑)常隻能(néng)集中20分(fēn)鐘(zhōng)左右，有(yǒu♣©₽)趣的(de)界面輔以聲音(yīn)可(kě)以吸α±♠引兒(ér)童注意力。
随意點擊
兒(ér)童對(duì)于界面是(shì)≠♥¶α否可(kě)以操作(zuò)沒有(yǒu)明(míng)确的(de)概∏β念，以探索性操作(zuò)為(wèi)主，在既定的(≠↑ ★de)任務中需要(yào)避免兒(ér)童随意點擊導緻界σ"面跳(tiào)出或者誤觸發其他(tā)操作(↕→zuò)。奇藝動畫(huà)片在播放(fàng)時(shí)可<£'(kě)以鎖屏，退出播放(fàng)需要(yàoΩα♦)較高(gāo)成本兒(ér)童不(bù)易學會(huì)的(de)長☆×(cháng)按操作(zuò)。
個(gè)别電(diàn)子(zǐ)書(shū)在設計(jì)∏Ω ε時(shí)不(bù)是(shì)有(yǒu)意地(dì)避免這¶≤≥∞(zhè)個(gè)問(wèn)題，而是(φ"shì)利用(yòng)兒(ér)童的(de)探索性操作£∏™γ(zuò)觸發動畫(huà)效果，鼓勵兒(ér)童₹¶點擊界面中的(de)物(wù)體(tǐ)，增加的(de)界≠Ω面的(de)趣味性，但(dàn)這(zhè)種設計(jì)的(de)實現(x♣$®®iàn)成本很(hěn)高(gāo)。
如(rú)不(bù)需要(yào)兒(ér)童點擊操φ♣π作(zuò)也(yě)能(néng)正常執行(xíng)的(de)任務，比≥↔≠↑如(rú)電(diàn)子(zǐ)書(shū)，界面中的(de)按鈕通(t£÷∑✔ōng)常采用(yòng)半透明(míng)設計(jì)，避免吸引兒(α₩≠'ér)童去(qù)點擊。
如(rú)可(kě)能(néng)，操作(zuò)盡量$∑放(fàng)置界面上(shàng)方，有(yǒu)效地(dìγ™β)防止兒(ér)童的(de)誤點擊操作(zuò)。
布局
兒(ér)童應用(yòng)的(de)界面設計→€✘(jì)比其他(tā)簡單的(de)很(hěn)多(dα↔σuō)，故事(shì)書(shū)是(shì)線≠÷₩性的(de)按頁碼播放(fàng)，奇藝動™₽ 畫(huà)片的(de)主要(yào)界面隻有(yǒu)播放(fàng)器(q≤±≈ì)和(hé)選擇動畫(huà)片，層級關系簡單。
除了(le)以上(shàng)的(de)內('δ≤§nèi)容，兒(ér)童界面設計(jì)還(hái)有(y™" ǒu)很(hěn)多(duō)細節值得(de)細細推敲，比$δ如(rú)：
強化(huà)點擊反饋
增加進度條的(de)趣味性
過于顯眼吸引兒(ér)童點擊但(dàn)容易遭φ©§≈家(jiā)長(cháng)反感的(de)廣告
避免搜索
對(duì)于低(dī)年(nián)齡兒(é♣♥r)童避免界面的(de)滾動操作(zuò)
不(bù)再一(yī)一(yī)以界面案例¥®↓↑舉例說(shuō)明(míng)，這(zhè)些(xiē)隻是(shì)基礎''知(zhī)識，最重要(yào)是(shì¥φ©)掌握兒(ér)童的(de)操作(zuò× )行(xíng)為(wèi)規律，更多(duō)內(nèi)容請(qǐng)關®δ注iPad版奇藝動畫(huà)片的(de)界面設計(jì)。
