## ##

        ??2017年最糟糕的設(shè)計(jì)趨勢(shì)

        2017-08-29 08:56:08 閱讀 242789 本文來(lái)源:美啊教育
        分享至:

         一本書(shū)單看它的排版我們是無(wú)法知道它好壞的,但一個(gè)網(wǎng)站的設(shè)計(jì)卻可以看出它水準(zhǔn),而且在設(shè)計(jì)過(guò)程中,存在的可能性越多,需要進(jìn)行的思考就越多。越來(lái)越多的網(wǎng)站設(shè)計(jì)趨向于極簡(jiǎn)主義,色彩搭配是亮色系,這樣的設(shè)計(jì)網(wǎng)站一定會(huì)好嗎?

        20170829002135754.jpg

        設(shè)計(jì)一個(gè)視覺(jué)體驗(yàn)舒服的網(wǎng)站:不要跟隨大流。


        網(wǎng)站一定要亮色系設(shè)計(jì)?


        現(xiàn)在設(shè)計(jì)特別流行亮色系,它可以最快的吸引人的眼球,甚至讓用戶感受到興奮。


        1、亮色系設(shè)計(jì)危害

        20170829002206694.jpg

        a、會(huì)傷害眼睛。當(dāng)眼睛感到疼痛時(shí),就會(huì)自動(dòng)閉上或者轉(zhuǎn)移視線,然而我們又希望實(shí)現(xiàn)停留在此,于是就會(huì)使用閃爍的色塊來(lái)維持視線的停留。


        b、靠近亮色區(qū)域的文字會(huì)讓閱讀成為一件煩躁的事情,因?yàn)榱辽珪?huì)反射出更多的光,讓人難以閱讀。


        2、如何正確使用亮色系


        用大塊的暗色或中性色來(lái)調(diào)和,避免用亮色在大的表面或作為背景;亮色出現(xiàn)在細(xì)節(jié)當(dāng)中,用來(lái)引導(dǎo)和吸引讀者的注意力, 避免在同一頁(yè)面中用大量的亮色。亮色作裝飾的元素;不要將亮色靠近文字區(qū)域。亮色來(lái)強(qiáng)調(diào)內(nèi)容或增加互動(dòng)不要將亮色靠近文字區(qū)域;不要用亮色在小的有含義的模塊,例如圖標(biāo)或者導(dǎo)航按鈕。


        注重小細(xì)節(jié)?

        20170829002234905.jpg

        極簡(jiǎn)主義很受歡迎。然而,我們目前正在轉(zhuǎn)向更詳細(xì)的布局方式。其中的一個(gè)原因是最小化的設(shè)計(jì)不能完全用來(lái)欣賞和區(qū)分更詳細(xì)和復(fù)雜的元素。從小的像導(dǎo)航點(diǎn)到不起作用的浮動(dòng)元素,小細(xì)節(jié)的空間可以引導(dǎo)注意力。浮動(dòng)的裝飾圖標(biāo),下劃線,幾何圖形和碎片越來(lái)越受歡迎,因?yàn)樗鼈兛梢詾槿魏卧O(shè)計(jì)添加有趣的注釋。它們可以作為平衡器,分隔符或指向內(nèi)容的指針,做一些有用的注釋。


        1、小細(xì)節(jié)的危害


        a、一些細(xì)節(jié)對(duì)于吸引用戶的興趣是非常有用的,但是它們可能會(huì)意外地與實(shí)際的,導(dǎo)航和內(nèi)容相沖突。太多的細(xì)節(jié)可能會(huì)壓倒一切結(jié)構(gòu),令人困惑,而不是幫助用戶瀏覽內(nèi)容。沒(méi)有任何目的的細(xì)節(jié)只會(huì)讓內(nèi)容更加的冗雜繁亂。


        b、小細(xì)節(jié)經(jīng)常被用作裝飾元素,修飾在圖像或字體排版旁邊,有時(shí)與它們重疊。有時(shí)他們隨著滾動(dòng)或鼠標(biāo)光標(biāo)移動(dòng)。這就會(huì)導(dǎo)致,這些細(xì)節(jié)成為了視野里的主角,我們需要慎重用這個(gè)功能,并適當(dāng)?shù)夭贾眉?xì)節(jié),避免影響可讀性。


        2、如何正確使用小細(xì)節(jié)


        不在繁重的頁(yè)面中用小細(xì)節(jié);避免隨意的細(xì)節(jié),避免沒(méi)有目的,或不能幫助你傳達(dá)你的故事的細(xì)節(jié);將功能細(xì)節(jié)與主用戶導(dǎo)航區(qū)分開(kāi)來(lái)。把細(xì)節(jié)看作輔助成分,而不是設(shè)計(jì)的主要組成部分。

        20170829002302318.jpg

        特別流行的小字體設(shè)計(jì)?


        小字號(hào)的字體排版讓人看上去層次感很強(qiáng),留下的空白給用戶清爽的感覺(jué),便于視線的移動(dòng)。較小的字體可以創(chuàng)造有趣的對(duì)比度,而不必占用一定的空間布局。


        小字體的危害


        小字體的排版可能會(huì)讓用戶迷失在大量的文本當(dāng)中,或者可能妨礙內(nèi)容的可讀性。所以請(qǐng)盡量在短小的段落中使用小的字體。


        如何正確使用小字體


        一句話:避免使用小于13pt字體大小的排版。


        實(shí)驗(yàn)性的導(dǎo)航?


        隨著更多的設(shè)計(jì)師嘗試創(chuàng)新,實(shí)驗(yàn)導(dǎo)航模式越來(lái)越受歡迎。不同的導(dǎo)航風(fēng)格可以使小型,低內(nèi)容網(wǎng)站更有趣,或者他們可以幫助用戶以特定的方式導(dǎo)航。如果實(shí)驗(yàn)導(dǎo)航模式的直觀性足夠直觀,用戶可以與他們進(jìn)行交互,那么它們可以很有趣和有用。但是請(qǐng)注意,要在真正地將其投入到使用前,要衡量設(shè)計(jì)的可用性。


        動(dòng)畫(huà)在UI設(shè)計(jì)中帶來(lái)無(wú)限的可能性。它們可以創(chuàng)造出非常有創(chuàng)意的變革和增強(qiáng)性體驗(yàn)。動(dòng)畫(huà)可以在任何設(shè)計(jì)中添加一個(gè)額外的層次。動(dòng)畫(huà)豐富了布局,增強(qiáng)了故事講述和用戶互動(dòng)。


        過(guò)渡使用動(dòng)畫(huà)的危害


        過(guò)度使用動(dòng)畫(huà)可能導(dǎo)致網(wǎng)站的加載時(shí)間增加,這無(wú)疑考驗(yàn)了用戶的耐心。錯(cuò)誤或不必要的動(dòng)畫(huà)也可能會(huì)混淆,擾亂或誤導(dǎo)用戶,因此我們要正確地使用它們。


         如何正確使用動(dòng)畫(huà)


        動(dòng)效提醒,信息呈現(xiàn)、折疊式的表單和菜單、滾動(dòng)動(dòng)效一定不可以亂用。交互開(kāi)始的時(shí)候,連續(xù)的影片式的動(dòng)效是這個(gè)整個(gè)交互的關(guān)鍵所在。
        設(shè)計(jì)趨勢(shì)來(lái)保持設(shè)計(jì)的新鮮度和相關(guān)性,根據(jù)我們的網(wǎng)站內(nèi)容和用戶群體來(lái)決定如何設(shè)計(jì)網(wǎng)站風(fēng)格,別為了好看忽略了網(wǎng)站最初的用戶群體

        責(zé)任編輯:Hlir
        分享至:

        聯(lián)系客服

        故障反饋