1. <nobr id="easjo"><address id="easjo"></address></nobr>

      <track id="easjo"><source id="easjo"></source></track>
      1. 
        

      2. <bdo id="easjo"><optgroup id="easjo"></optgroup></bdo>
      3. <track id="easjo"><source id="easjo"><em id="easjo"></em></source></track><option id="easjo"><span id="easjo"><em id="easjo"></em></span></option>
          貴州做網站公司
          貴州做網站公司~專業!靠譜!
          10年網站模板開發經驗,熟悉國內外開源網站程序,包括DEDECMS,WordPress,ZBlog,Discuz! 等網站程序,可為您提供網站建設,網站克隆,仿站,網頁設計,網站制作,網站推廣優化等服務。我們專注高端營銷型網站,企業官網,集團官網,自適應網站,手機網站,網絡營銷,網站優化,網站服務器環境搭建以及托管運維等。為客戶提供一站式網站解決方案?。?!

          移動端設計大忌,PC的思路用不得

          來源:互聯網轉載 時間:2024-10-05 06:59:40
          你是不是還在用PC的思路做移動端的設計?不要不承認,我剛開始平面轉網頁時怎樣做頁面都像DM單頁。不管承不承認我還是相信有一些設計師還是會這樣做的。那么什么是PC的思路?移動端的設計又該怎么表現?易捷互聯資深設計師與大家探討一下這個問題。
          PC的思路
          首先我們大致的過一下PC的思路。這對于大多數網頁設計師來說是一個很容易回答的問題,亦或者思路會比較清晰。首先是導航,接下來是banner,緊接著是內容部分,最后是footer。這好像是一個完美的結構邏輯,至少多數的客戶都能夠接受這樣的布局。接著我們再來說一下PC的設計元素都會用到哪些。在PC的元素中我們最常見的應該是箭頭吧,各種大小形狀的箭頭分布在不同的位置,起著同一個作用。還有什么?各種聯系、關注(QQ,微信,微博之類)、返回頂部的按鈕吧,還有更多和返回之類的按鈕。另外下拉菜單好像也是PC的標配。最后我們提一下PC的主流瀏覽方式,好像只有鼠標點點點,應該沒有其他方式了吧。
          移動端思路
          說了這么多PC端的特點,其實對我們今天的主題只是鋪墊。我們先來反思一下在操作移動端項目的時候是否會經常把以上的某些經驗帶到項目中,而這些思路,元素真的是符合移動端項目嗎,符合用戶思維嗎,或者根本就是雞肋?究其原因,我認為最大的問題是智能移動設備的搭載功能和交互方式與PC有著天壤之別。就需要設計師在設計的過程中,更多的去考慮這些因素,呈現出來的功能引導要往這些方面靠攏。
          以智能手機為例:手機搭載了傳感器:包括攝像頭、陀螺儀、麥克風等設備;手機的主要交互方式是:手勢、滑動、長按、點擊、搖晃等。所以如果用PC的思路來做移動的設計時總會給人一種非?!皠e扭”的感覺。用戶的很多習慣被這種思路延伸出來的設計弄得很懵。舉個最簡單的例子:PC端的banner經常是長方形的矩形,當成比例搬到手機上是否會一種很擁擠的感覺?如果這個可以接受的話那在banner這個部分還可以舉出更直接的例子。PC的banner一般都會用箭頭的元素進行切換,但是當把箭頭搬到移動端上的時候是否會很雞肋?設想一下,你會在手機上去觸碰箭頭進行切換嗎?大多數情況下手機用戶都是用手勢滑動的交互方式進行切換。如果說你想要引導用戶這里有多張圖片,完全可以設計一些精致簡單的幾何圖形排列在圖片的下方,用戶自然不會去點擊指頭根本觸碰不到的小圖形也會意識到這里有多張圖片切換。這就是最簡單的用PC思路做移動端的真實事例。
          沉浸式體驗
          另外,我覺得應該用沉浸式的體驗進行移動端設計。沉浸式體驗——好像很高大上,很虛幻,說白了就是用設計流程去減少用戶的思考,讓用戶一路到底的進行瀏覽,盡量減少打斷用戶瀏覽的思路。我認為沉浸式的體驗同樣也是品牌營銷的一種體驗。為什么這么說?試想,品牌營銷的目的就是加深印象或轉化。而使用手機瀏覽信息的用戶大多是利用碎片化的時間進行瀏覽,有可能上車下車的動作都會打斷他們的瀏覽路徑,所以設置各種環節的設計和跳轉,是不明智之舉。用戶在碎片化時間被打破后根本回想不起我剛才瀏覽了什么,瀏覽到哪里了,使他根本不能快速進入主題,快速得到想要的內容信息。結果就是棄你的頁面而去,而那時不管你的設計有多漂亮,動效有多酷,都吸引不了他。所以在這方面,我們就必須減少像PC端一樣放置各種查看更多按鈕讓用戶到處跳轉。當然這不是一個絕對的問題,該需要跳轉還是需要的。
          所以我們該用什么樣的思路去做移動端呢?
          簡-減-檢。對,我用3個jian來概述設計移動端的思路。

          你的頁面盡量的簡單,盡量不出現PC端左右內容的排版,大多采用上下的排版(前方高能,記住,純色塊和留白還有圖片是這種排版方式的調和劑,能很好的幫助設計師來調整頁面的節奏)

          為了沉浸式的體驗,設計師必須摒棄PC的習慣,將移動端的內容設計表現的更加順暢,減少各種關卡環節。我總結了一下,移動端的交互,點擊是目的,滑動是習慣。所以,至關重要的內容我們就用點擊的方式讓用戶操作,當然點擊開的內容一定是最為重要的,比如是成交動作,而其他的內容就用滑動來實現吧。不管是左滑右滑還是上滑下滑(說到這里,插一點。有的設計師說又不讓跳轉又不讓出下拉,移動端的屏幕本來就小,怎么設計。其實我認為有限的屏幕寬度背后我們可以通過滑動來實現無限的展示空間。比如像地圖,我是不是很機智,你們腦補一下。)順便舉個例子吧:有一種洗衣機是那種左邊洗衣,右邊脫水的雙桶洗衣機。它解決了之前更老的不能脫水的洗衣機能讓衣服快速晾干的過程。當全自動洗衣機出現的時候人們是不是更青睞于全自動呢,設定程序連洗帶甩甚至烘干一步操作完成。再舉個例子吧,簡直停不下來。我們在使用支付寶支付的時候是不是發現根本沒有確定按鈕,輸入金額指紋支付,錯誤給個返回,成功給個提示。僅僅只是少了一步,感覺好爽。

          當然是檢測啦。自己做好的設計在手機上多滑動滑動,自己試用一下看看是否順暢,邏輯是否通順,這很容易做到的。不斷的非否定自己,不斷的改正設計。你離一個出色的/卓越的/優異的/杰出的的設計師已經不遠了。
          當然還有更多其他的一些應該注意的點這里就不一一贅述,我相信,聰明的設計師根據這篇文章一定可以舉一反三。
          再啰嗦一句:贏在最后一步,贏在比別人少一步。
          專業的網站建設公司,易捷互聯,如您有網站營銷需求,請您關注我們,或者致電13828884598

          網絡推廣與網站優化公司(網絡優化與推廣專家)作為數字營銷領域的核心服務提供方,其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...

          在當今數字化時代,公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而,對于許多公司來說,網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...

          在當今的數字化時代,企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而,對于許多中小企業來說,高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是,隨...

          北京到西寧的火車臥鋪票是多少?T175快車北京西-西寧西硬座208元硬臥355/367/379元T151次特快北京西-西寧西硬座238元硬臥401/416/430元T27次特快北京西-西寧西硬座208元硬臥355/367/379元這些都是正常票價,學生半價。北京西始發站14:23西寧航站樓第二天15:232092公里坐臥鋪,安心睡覺,車票由列車員保管,換號換牌子,站前半小時準備好。北京西-西寧的硬...

          你好,成都標準車位?。成都的停車標準如下::。停車位的設計標準分為四個等級。長度不超過6米、寬度不超過1.8米的汽車,車間距不小于0.5米,汽車與墻壁、停車位的間距不小于0.5米。汽車長度超過6米但不超過8米,寬度超過1.8米但不超過2.2米的,車間距不小于0.7米。直行停車位的尺寸標準為寬2.5米,長5米以上。一般標準是2.5m*5.3m為最佳標準車位尺寸。傾斜車位的尺寸標準為寬2.8米,長6米...

          索尼xq-bc72無限重啟?原因可能是:系統文件損壞,系統出錯。解決方案如下:按住電源鍵和音量強制重啟(如果沒有請強刷)。強刷法:1.首先下載FlashTool刷機工具。2.然后下載手機型號對應的官方ftf固件。3.安裝Flashtool驅動程序4.跑FlashTool.exe5.點擊左上角的閃電,選擇畫筆,選擇你下載的畫筆包。6.根據指南,進入刷機模式完成刷機。注意:方法有風險,請謹慎使用。fp...

          TOP
          国产初高中生视频在线观看|亚洲一区中文|久久亚洲欧美国产精品|黄色网站入口免费进人
          1. <nobr id="easjo"><address id="easjo"></address></nobr>

              <track id="easjo"><source id="easjo"></source></track>
              1. 
                

              2. <bdo id="easjo"><optgroup id="easjo"></optgroup></bdo>
              3. <track id="easjo"><source id="easjo"><em id="easjo"></em></source></track><option id="easjo"><span id="easjo"><em id="easjo"></em></span></option>