俗su話hua說shuo的de好hao,優you秀xiu的de網wang站zhan有you著zhe一yi樣yang的de美mei法fa,而er失shi敗bai的de網wang站zhan卻que有you著zhe各ge自zi不bu同tong的de醜chou法fa。今jin天tian,中zhong科ke天tian基ji不bu跟gen眾zhong位wei網wang站zhan設she計ji師shi談tan論lun關guan於yu那na些xie失shi敗bai網wang站zhan各ge自zi不bu同tong的de醜chou法fa,我wo們men來lai聊liao一yi聊liao優you秀xiu網wang站zhan相xiang同tong的de七qi點dian美mei法fa。
取悅用戶的關鍵在於像用戶一樣思考。並不是每一次創新、每一次重塑、每一種新技術都能讓用戶愉悅,那些真正易於理解、便於使用、降低難度的技術、設計手法和抓人的視覺元素,才是一切的關鍵。中科天基下麵總結的幾項秘訣,會讓你的網頁脫穎而出的。

首(shou)先(xian),你(ni)的(de)網(wang)站(zhan)需(xu)要(yao)有(you)一(yi)項(xiang)定(ding)製(zhi)服(fu)務(wu),定(ding)製(zhi)化(hua)是(shi)今(jin)天(tian)網(wang)頁(ye)設(she)計(ji)中(zhong)最(zui)典(dian)型(xing)的(de)趨(qu)勢(shi)之(zhi)一(yi)。用(yong)戶(hu)希(xi)望(wang)瀏(liu)覽(lan)網(wang)頁(ye)的(de)時(shi)候(hou)獲(huo)得(de)更(geng)加(jia)私(si)人(ren)的(de)瀏(liu)覽(lan)體(ti)驗(yan),無(wu)論(lun)是(shi)玩(wan)頁(ye)遊(you)還(hai)是(shi)購(gou)物(wu)。
每(mei)一(yi)個(ge)微(wei)小(xiao)的(de)自(zi)定(ding)義(yi)設(she)計(ji),都(dou)能(neng)讓(rang)用(yong)戶(hu)感(gan)覺(jiao)這(zhe)些(xie)用(yong)戶(hu)體(ti)驗(yan)設(she)計(ji)是(shi)為(wei)他(ta)們(men)而(er)做(zuo)的(de)。同(tong)時(shi),這(zhe)種(zhong)設(she)計(ji)也(ye)會(hui)給(gei)用(yong)戶(hu)一(yi)種(zhong)參(can)與(yu)感(gan)和(he)溝(gou)通(tong)的(de)體(ti)驗(yan),從(cong)而(er)加(jia)深(shen)用(yong)戶(hu)的(de)忠(zhong)誠(cheng)度(du)。如(ru)此(ci)一(yi)來(lai),用(yong)戶(hu)會(hui)更(geng)好(hao)地(di)融(rong)入(ru)整(zheng)個(ge)網(wang)站(zhan)的(de)用(yong)戶(hu)群(qun)或(huo)者(zhe)社(she)區(qu)。
另外一個大熱的流行趨勢,就是動效設計。它不僅能為用戶帶來驚喜,而且具備強大的引導性。
動效設計的精髓在於簡單。令人頭暈或者不知所措的動效,應該不是你要的東西吧?動效應該是有目的性的,和其他所有的設計元素一樣,有針對性,達成目標是它存在的意義。
創造今天動畫的12個原則:擠壓和拉伸、預期、登台、連續動作和姿態對應、緩進緩出、弧形運動、次要動作、時序、誇張、立體刻畫、吸引力。
duiyuchangjiandewenti,shejimoshijiushikekaoqiekefuyongdejiejuefangan。jianeryanzhi,zuichangjiandexinxihejiaohufangshibeizhenghedaoyigejiemiandangzhong,birudianjianniu,gundongyemian,huadongjiesuo,tamendoushishejishimoshi。
shejishiyaoshuxizhexiechangjiandeshejimoshi,bingqiezaishejijiemianhejiaohudeshihoujiangtamenyongjinqu。zhefuheyonghuzaitiyanshangdesuqiu,yeshiyiyongxingdezuijibengoucheng。
同時也要在自己的設計中創造設計模式,在不同的頁麵中使用相同、相似或者規則化的設計,讓用戶習慣。比如,不同頁麵中的CTA按鈕的色彩保持一致,卡片式的元素使用相同的樣式等等。
另外,沒人會喜歡單調無聊的設計。網站應當同你的品牌保持一致的性格,擁有獨特的氣息。
要做到這一點,通常需要用到微妙走心的文案和親切自然的語調如果你真的不知道怎麼做,可以看看MailChimp 是怎麼做的。(請注意他們的文本和圖片是如何無縫地連接到一起的)
同(tong)時(shi),設(she)計(ji)師(shi)應(ying)該(gai)思(si)考(kao)一(yi)個(ge)屏(ping)幕(mu)可(ke)以(yi)承(cheng)載(zai)多(duo)少(shao)信(xin)息(xi),從(cong)屏(ping)幕(mu)的(de)角(jiao)度(du)考(kao)慮(lv)問(wen)題(ti),可(ke)能(neng)會(hui)讓(rang)你(ni)的(de)計(ji)劃(hua)更(geng)加(jia)龐(pang)大(da)複(fu)雜(za),但(dan)是(shi)這(zhe)種(zhong)考(kao)量(liang)是(shi)有(you)價(jia)值(zhi)的(de),這(zhe)種(zhong)基(ji)於(yu)屏(ping)幕(mu)或(huo)者(zhe)基(ji)於(yu)設(she)備(bei)的(de)考(kao)慮(lv)能(neng)讓(rang)用(yong)戶(hu)感(gan)覺(jiao)更(geng)加(jia)便(bian)捷(jie)貼(tie)心(xin)。
中科天基認為,做到前幾步之後,開發者與設計師還應該考慮一體化的內容和交互,視頻、遊戲、測ce試shi都dou爭zheng取qu讓rang用yong戶hu能neng與yu之zhi進jin行xing互hu動dong,這zhe種zhong互hu動dong的de目mu的de在zai於yu驅qu動dong用yong戶hu參can與yu到dao設she計ji中zhong來lai。用yong戶hu與yu界jie麵mian交jiao互hu的de越yue多duo,用yong戶hu所suo獲huo得de的de體ti驗yan就jiu越yue好hao。
最後,設計師應該盡量讓自己的設計保持幹淨、整潔和有序。簡約的視覺設計更容易交互。沒有複雜信息並且被精心設計的界麵能更好地運作,賦予更好的體驗。
隻要能夠堅持做到上麵這些設計原則,就能讓自己的網站與那些優秀的網站一樣美,告別用戶的“醜拒”。