<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »畫龍點睛?教你改善界面交互式體驗

        畫龍點睛?教你改善界面交互式體驗

        至成科技 2015-08-15 訪問量(1479) 評論(0)
        摘要:

        至成科技(西安網站建設) :本文將探究西安網站建設中的UI設計中動畫效果的過度應用,通過對比早期的視覺設計,為UI動畫的有效設計提供一些建議,另外附上實戰案例,手把手教你改進文中案例的交互動畫喲。

        遺憾的是,這并非某個做作的反面案例——而是拿至成科技近期客戶的網站建設個拿來的做實例。

        網站建設之交互式簡介:

        自70-80年代CRT屏幕上映先進幅光柵圖形以來,人們對數字視覺設計的態度便不斷進化。與其他藝術領域不同,數字設計的潮流始終隨可用工具的進化而變化。

        我們已經見證了設備顯示能力的不斷進步——從有限的CGA分辨率 (320 x 200) 到VGA(640 x 480),再到SVGA (800 x 600),直至今日顯示技術已迅速邁向4K分辨率乃至更高。

        視覺設計的相似性

            在90年代至2000年前后,動態設計經歷過與視覺設計相似的成長瓶頸期。因而回顧視覺設計的發展歷程對于我們理解動態設計的現狀具有重要的借鑒意義。

            在新的設計語言形成并進化之前,西安網站建設設計師有時往往會濫用新技術,這是很自然的現象。在90年代后期到2010年間(互聯網初期、CD-ROM時代),為顯示媒介做過設計的人,必然牢記那些不厭其煩被使用的設計方式和元素—陰影、倒角、光效以及地不考慮留白。這些都是設計師駕馭新型媒介并醉心于嶄新像素中的自然產物。

        扁平化設計

        扁平化設計范例

          無論你喜愛與否,時下扁平化設計風格正風靡設計圈。所有主流系統都十分青睞各式各樣的極簡主義扁平化設計語言(Android, iOS, OSX, Windows, Windows Mobile)。它甚至在高速變化的網頁設計領域也占據主導。扁平化設計是視覺設計思維的成熟化體現。這一自然進化不僅源自時尚潮流的驅動,同時也反映了這一行業專業人員已逐漸掌握數字媒介的核心

        西安網站建設之動態設計

        當前動態設計的形勢,可與視覺設計的下拉陰影時代相提并論。

        網頁動畫的潛力在CSS過渡效果、由硬件加速的變形效果以及即將到來的標準(如JS Web Animations)的驅動下得到了巨大提升。

        像20世紀初那樣使用動畫吧!

          此外,運算能力更強的多核、大容量、高DPI設備,現在已經可以好輸出60幀的UI動畫。鑒于西安網站建設UI動效設計才剛剛興起,設計師被導向以動畫作為視覺吸引是很自然的事,這與當年陰影、倒角盛行的時代相似。我確信,與視覺設計不同的是,動態設計不需要15年之久才能變得成熟

        西安網站建設之動畫的過度使用

        無用的動畫在設計中比比皆是,且并不僅限于設計新手。作為用戶,你可以輕易地發現這種動畫——它擋住了你與既定目標之間的路,使你因無法完整地詮釋意圖而萬分沮喪。作為設計師,你必須明白UI絕不等于娛樂。沒有人會打開你的app或網站,然后贊嘆彈出的動畫做得有多贊!

        OS X 全屏動畫

        無論是桌面還是移動端,UI動畫的反面案例數不勝數。Mac OS X由窗口轉換到全屏的動畫就是一個例子。作為以前沿設計感知名的公司推出的主打產品中的核心功能,這一轉化的失敗著實令人費解。

        該動畫存在的問題包括:

        - 速度緩慢

        - 無存在必要性

        - 除非使用命令行,否則無法修改

        如何知道自己的UI動畫令人反感呢?那就是當有人開始寫文章來吐槽這個問題的時候。無數的博客文章和論壇回復都關于如何加速或取消這個效果,這很好地說明了這種設計除了刺激用戶以外幾乎沒有任何作用,而這正是UI動態設計的大忌。

        為你展現魔術般的動畫

          即使對于西安網站建設來說,使用緩存和主動預載機制,延遲也是可以減少甚至去除的。但是,這種做法自身也存在問題。有流量限制的移動端用戶并不希望預加載大量可能不需要的數據。既然延遲不是總能有效避免,動畫就可使之變得更加流暢。此時層級動畫會非常有效。

        漸進式載入

        漸進式的載入方式可進一步減少用戶所感知的數據載入時間。幾乎可以確定,用戶不會立即使用程序將提供給他們的全部數據。通過給數據下載分塊,并隨數據的載入來顯示信息,用戶感受到的將是一個交互性更強的App。

        至成科技(西安網站建設)結論:

            我們必須十分謹慎,讓形式重于實用性的歷史不再重演。動畫可以也理應被用在你的網站或App上以強化用戶體驗,但純粹裝飾性的動畫效果,很難令產品變的更好。冗長的網絡請求提供了使用動畫的絕好機會——如同魔術一般,降0用戶所感知的等候時長。

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划 6场半全场竞彩足球0 足彩进球彩期 澳门有几张赌牌 福利彩票双色球彩宝贝走势图 苹果北京pk10历史记录 广西快3历史开奖结果走势图 双色球模拟摇奖器彩吧 广东十一选五全天计划 三肖中特期期准五肖 彩票123app 极速快3怎么算和值 浙江11选5专家推荐 安徽时时彩开奖走势图 王中王资料大全四肖中特 360双色球彩票走势图