移動(dòng)部分設(shè)計(jì):視覺設(shè)計(jì)

2014-08-17    分類: 網(wǎng)站建設(shè)

作為平臺(tái)能力的直接反應(yīng),第一移動(dòng)網(wǎng)站是一個(gè)運(yùn)動(dòng)的“妥協(xié)”而不是“工藝”。今天的功能更齊全的設(shè)備,但是,讓我們有機(jī)會(huì)創(chuàng)造更多的視覺上的設(shè)計(jì),不僅能激發(fā)和吸引用戶,但也增加經(jīng)驗(yàn)的可用性。然而,隨著這個(gè)機(jī)會(huì)也有新的挑戰(zhàn)。

進(jìn)入1部分:信息架構(gòu)我們探討是什么使得在物質(zhì)和規(guī)格方面的桌面移動(dòng)不同;如何,在哪里,當(dāng)我們使用移動(dòng)設(shè)備;以及我們?nèi)绾问褂眠@些設(shè)備時(shí)的行為和感受。然后,在2部分:交互設(shè)計(jì)我們看著影響這些差異在發(fā)展的結(jié)構(gòu)和功能。這兩篇文章在手機(jī)和平板電腦設(shè)計(jì)提供依據(jù)?,F(xiàn)在我們總結(jié)設(shè)計(jì)移動(dòng)通過必要的探索視覺設(shè)計(jì)方案和相關(guān)的好實(shí)踐,產(chǎn)生美麗的三部分研究中,可用的應(yīng)用程序。
我們先看看移動(dòng)的物理約束的設(shè)計(jì),包括好實(shí)踐指南,然后我們?cè)倏纯丛O(shè)計(jì)通信:利用視覺設(shè)計(jì)支持的移動(dòng)網(wǎng)站和應(yīng)用程序的內(nèi)容。

對(duì)于物理約束設(shè)計(jì)
物理形式和手機(jī)和平板設(shè)備的觸摸屏界面為我們提供了一些基本的可用性的考慮。在一個(gè)桌面用戶可以掃描在更廣闊的領(lǐng)域的內(nèi)容或懸停在進(jìn)一步的信息元素,移動(dòng)用戶都集中在一個(gè)較小的區(qū)域,必須以不同的方式演繹的相互作用。牢記定義移動(dòng)布局和移動(dòng)的特異性相互作用的細(xì)節(jié),我們可以創(chuàng)建一個(gè)直觀的

移動(dòng)體驗(yàn)。
可用的布局
有限的可用空間在手機(jī)屏幕上提供了一個(gè)有趣的約束在如何展示內(nèi)容和互動(dòng)。具體的布局需要精簡和集中。
•的布局結(jié)構(gòu)–提供強(qiáng)有力的基礎(chǔ)設(shè)計(jì)需要考慮如何地利用可用的屏幕空間。網(wǎng)格系統(tǒng)幫助設(shè)計(jì)師實(shí)現(xiàn):結(jié)構(gòu)均勻間隔的垂直線作為安排內(nèi)容指南。網(wǎng)格確定活動(dòng)空間,這使得設(shè)計(jì)師確定按鈕,最有效的配置更容易的標(biāo)題,或圖像。安裝這些組件沿網(wǎng)格可以讓用戶在他們的旅程,同時(shí)創(chuàng)造一個(gè)清潔、美觀的視覺。
•空間滾動(dòng)和滑動(dòng)–至關(guān)重要的是,用戶可以瀏覽內(nèi)容不承諾行動(dòng),他們沒有意愿,沒有激活一個(gè)項(xiàng)目時(shí),他們?cè)噲D滾動(dòng)。換句話說,元素之間的間距必須足夠讓用戶能夠方便地瀏覽這些元素。

友好的用戶交互
觸摸屏界面的移動(dòng)設(shè)備上也意味著視覺設(shè)計(jì)必須加強(qiáng)相互作用;換句話說,大小和元素的位置應(yīng)保證使用方便,和指示的重要性和相關(guān)性的行為。
•按鈕災(zāi)區(qū)–我們討論2部分:交互設(shè)計(jì),適當(dāng)?shù)某叽绾烷g距的按鈕將確保他們可以很容易地激活。理想情況下,按鈕應(yīng)該44px和57px之間在標(biāo)準(zhǔn)屏幕和88px到114px對(duì)高密度屏幕(視網(wǎng)膜)。這允許足夠的地區(qū)很容易激活一個(gè)按鈕一般的指尖。
•可達(dá)性和明顯的控制–如果相關(guān)互動(dòng)項(xiàng)目是觸手可及的對(duì)方會(huì)讓用戶更快速地使它們之間的過渡。這將有助于減少任何混淆用戶可能在如何相互連接,加快更復(fù)雜的過程。
為了加強(qiáng)溝通,我們需要讓我們?nèi)绾卫斫夂徒庾x信息的好使用。人類大腦對(duì)視覺信息比語言快得多,這意味著它可以使用視覺和圖像增強(qiáng)溝通非常有價(jià)值。好的視覺造型將增添價(jià)值,支持的內(nèi)容或交互的目的,并提高整體的用戶體驗(yàn)(移動(dòng)和桌面)。


垂直的節(jié)奏
第一加強(qiáng)溝通我們會(huì)考慮是垂直節(jié)奏的運(yùn)用。信息架構(gòu)創(chuàng)建一個(gè)合理的流程內(nèi)容,然而視覺設(shè)計(jì)可用于在內(nèi)容的視覺層次創(chuàng)造進(jìn)一步明晰。在內(nèi)容部分的大小和間距合理的使用將創(chuàng)造一個(gè)良好的垂直節(jié)奏支持的內(nèi)容層次的溝通。
除了垂直網(wǎng)格系統(tǒng)前面所提到的,一個(gè)基線網(wǎng)格可以幫助創(chuàng)造一個(gè)良好的垂直節(jié)奏,使內(nèi)容更容易閱讀和理解。具體來說,基線網(wǎng)格創(chuàng)建一個(gè)結(jié)構(gòu)雖然線的高度規(guī)范。這個(gè)定義的字體和大小提供了明確的領(lǐng)導(dǎo)水平的規(guī)則,但也可用于定義內(nèi)容組之間的間距。遵循這些規(guī)則將確保段落復(fù)制清晰,用戶可以清楚的區(qū)分和功能組之間的部分。基線網(wǎng)格很難準(zhǔn)確執(zhí)行在HTML和CSS,但不提供有用的指導(dǎo),在開發(fā)和設(shè)計(jì)過程中的間距尺寸。


使用的顏色
顏色是一個(gè)非常有價(jià)值的交流工具,可以用多種方式支持內(nèi)容和相互作用。
•傳達(dá)一種色調(diào)或風(fēng)格色彩設(shè)計(jì)是很主觀的,依賴于個(gè)人經(jīng)驗(yàn)和文化。然而,使用特定的音調(diào)和色調(diào)可以幫助傳達(dá)的目的的一個(gè)整體印象。明亮大膽的顏色,創(chuàng)造出一種樂趣,暗色調(diào)創(chuàng)造一種優(yōu)雅而柔和的色調(diào)或氣氛更灰可以創(chuàng)造一種復(fù)古的感覺。學(xué)習(xí)更多關(guān)于色彩理論有助于我們選擇最適合的設(shè)計(jì)目標(biāo)的顏色。
•區(qū)分部分顏色可以用來突出內(nèi)容的項(xiàng)目,說明項(xiàng)目是相關(guān)的,或支撐結(jié)構(gòu)的內(nèi)容如內(nèi)容如何分離。
•區(qū)分靜態(tài)項(xiàng)和交互的功能,用強(qiáng)烈的對(duì)比將有助于溝通差異的目的或內(nèi)容或功能之間的聯(lián)系。使用混合的中性和明亮的顏色,或顏色在色輪結(jié)束反對(duì)將確保具體項(xiàng)目脫穎而出,給用戶。創(chuàng)建一致的顏色的使用,例如在靜態(tài)的、活躍的和不活躍的項(xiàng)目,整個(gè)設(shè)計(jì)也將展示內(nèi)容和功能的差異更明顯。
隱喻可以用不同的方式來支持通信的消息或主題。
•支持一個(gè)潛在的主題-隱喻可以超越一個(gè)單一的設(shè)計(jì)元素,而成為設(shè)計(jì)或功能的一個(gè)關(guān)鍵主題。在Flipboard應(yīng)用,翻轉(zhuǎn)過渡是用戶互動(dòng)的一個(gè)組成部分,和本的順利實(shí)施是在應(yīng)用程序的成功的一個(gè)因素。用一個(gè)比喻這樣可以讓概念的快速通信的用戶,以及幫助應(yīng)用程序都有一個(gè)獨(dú)特的命題。
•按鈕和交互設(shè)計(jì)時(shí)使用簡單的借殼按鈕可以有一個(gè)簡單的方法來模擬現(xiàn)實(shí)生活中的互動(dòng)元素,使功能明顯。然而,值得注意的是,如果奉承方式必須符合品牌或風(fēng)格指南那么可以有效如果顏色和樣式可以明確區(qū)分靜態(tài)項(xiàng)目。Wunderlist采用按鍵與現(xiàn)實(shí)造型
•影像學(xué)圖標(biāo)可以設(shè)計(jì)移動(dòng)時(shí),在有限的屏幕空間允許的復(fù)雜概念的快速通信。使用視覺隱喻的圖標(biāo)是圖標(biāo),已經(jīng)成為網(wǎng)絡(luò)標(biāo)準(zhǔn),如刪除,攝像頭,和電子郵件圖標(biāo)我們提及,意味著他們可以經(jīng)常工作沒有標(biāo)簽,雖然可以理解的一瞥。設(shè)計(jì)簡單,卻清晰的圖標(biāo)是一個(gè)具有挑戰(zhàn)性的任務(wù),所以重要的是要了解如何圖標(biāo)影響你設(shè)計(jì)的清晰性。


移動(dòng)的未來
一個(gè)清晰的認(rèn)識(shí)和標(biāo)準(zhǔn)的約束,如本系列介紹,有任何移動(dòng)的設(shè)計(jì)師。然而,一旦我們掌握了這些,才能有超越的指引的能力;打破規(guī)則和推動(dòng)創(chuàng)新創(chuàng)造出燦爛而獨(dú)特的。這樣,隨著不斷的用戶考慮,允許我們創(chuàng)建功能和美學(xué)理想的平衡。
設(shè)計(jì)的移動(dòng)有一些非常激動(dòng)人心的挑戰(zhàn)和機(jī)會(huì)在它前面??茖W(xué)技術(shù)的迅猛發(fā)展和用戶環(huán)境的不斷變化意味著今天的約束,不可能在未來幾年存在。創(chuàng)新思維和創(chuàng)新能力,將有助于我們發(fā)掘看待這些挑戰(zhàn)的新方法,并允許我們繼續(xù)尋找新的、美麗的和有用的在我們前面的設(shè)計(jì)問題的解決方案。

標(biāo)題名稱:移動(dòng)部分設(shè)計(jì):視覺設(shè)計(jì)
文章地址:http://www.bm7419.com/news31/20231.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作做網(wǎng)站、網(wǎng)站改版、商城網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管