如何讓我們的網(wǎng)站像手機(jī)一樣簡(jiǎn)單

時(shí)間：2022-07-26 02:57:01 | 來(lái)源：建站知識(shí)

時(shí)間：2022-07-26 02:57:01 來(lái)源：建站知識(shí)

目前，最流行的手機(jī)也就當(dāng)屬蘋果4代了，為什么會(huì)這么火呢?用戶體驗(yàn)，這也是蘋果公司一直強(qiáng)調(diào)的工作重點(diǎn)并產(chǎn)品長(zhǎng)久不衰的因素。那我們的網(wǎng)站呢?下面就以剖析手機(jī)界面元素和手機(jī)硬件、界面元素和軟件要求之間的關(guān)系，尋找一下設(shè)計(jì)思路，我們的網(wǎng)站又該怎么做用戶體驗(yàn)?zāi)?

1. 內(nèi)容：指的是整個(gè)界面中包含的所有信息，界面上內(nèi)容來(lái)源于流程圖中限定每個(gè)界面完成的功能。內(nèi)容受手機(jī)屏幕影響。a)屏幕：手機(jī)上每個(gè)界面顯示的內(nèi)容有限，最好每個(gè)界面完成單個(gè)任務(wù)，并保證用戶能很流暢地操作，盡量避免字符輸入。

2.交互：具體表現(xiàn)在用戶如何選擇主功能，如何選擇子功能，如何退出軟件等等。交互設(shè)計(jì)就是在既定的內(nèi)容框架下，根據(jù)用戶的使用習(xí)慣去安排界面上內(nèi)容的顯示順序、顯示方式和界面操作方式(靜態(tài))。交互主要受手機(jī)操作方式和處理能力影響。a) 手機(jī)操作方式：觸摸屏比物體按鍵操作更方便，例如觸摸屏的手機(jī)選擇某個(gè)功能時(shí)，只選點(diǎn)擊該功能即可，而物理按鍵的手機(jī)需要按手機(jī)上下鍵，再按手機(jī)確認(rèn)鍵。b)處理能力：手機(jī)處理能力強(qiáng)，軟件運(yùn)行的更快，軟件和用戶之間的信息交互就更快。

3.色彩：指的界面上采用的色系及顯示精度。界面色彩設(shè)計(jì)由主要受屏幕、軟件大小和適配性影響。a)屏幕：屏幕的分辨率高，色彩區(qū)分更為明晰，細(xì)節(jié)更豐富，視覺(jué)效果更好。b)軟件大小：軟件大小有限制，例如JAR包必須在400K以下，界面設(shè)計(jì)就不能使用過(guò)多的圖片，優(yōu)先考慮程序自繪?，F(xiàn)有界面設(shè)計(jì)主要采用圖片橫向填充，如使用2*25像素的圖片，橫向填充成240*25的背景圖。c)適配性：為了保證軟件的可適配性，界面設(shè)計(jì)盡量使用單向色彩漸變效果，如2*25的圖片只有上下漸變效果。另外，參照手機(jī)QQ等軟件和近期程序?qū)崿F(xiàn)的情況上來(lái)看，設(shè)計(jì)上盡量少用圓角和半透明效果。

4. 排版：指的是界面上的整體布局，包括圖片和文字的大小，圖片和文字在界面中的位置。界面排版主要受操作方式、屏幕和適配性影響。a)手機(jī)操作方式：觸摸屏可以使界面設(shè)計(jì)更為靈活，不拘泥于現(xiàn)有的界面設(shè)計(jì)這樣上下或者左右排版。b)屏幕：屏幕大，界面排版可以寬松些，比如標(biāo)題欄可以大些。c)適配性：盡量避免使用滾動(dòng)條，最好是界面上的內(nèi)容一屏能完全顯示，如主界面上的子功能控制在7個(gè)以內(nèi)。

5.動(dòng)態(tài)效果：指界面切換的變化過(guò)程。動(dòng)態(tài)效果受手機(jī)操作方式、處理能力和軟件大小的影響。a)手機(jī)操作方式：多點(diǎn)觸摸時(shí)，會(huì)增加動(dòng)態(tài)效果。b)處理能力：手機(jī)處理能力強(qiáng)，可以增加復(fù)雜的動(dòng)態(tài)效果。漸變效果要花費(fèi)不少時(shí)間去編寫，這部分設(shè)計(jì)和編程上都有點(diǎn)難度。c)軟件大?。簞?dòng)態(tài)效果會(huì)增加程序負(fù)擔(dān)，還有可能增加圖片數(shù)目，勢(shì)必增加軟件大小。如果有動(dòng)態(tài)效果，也要放在用戶經(jīng)常使用的界面上。

綜合以上論述，當(dāng)主流手機(jī)操作方式改變時(shí)，界面的交互、界面排版和動(dòng)態(tài)效果就可以相應(yīng)地調(diào)整;軟件的大小可以增加時(shí)，界面色彩和動(dòng)態(tài)效果也可能相應(yīng)的調(diào)整。那么我們的網(wǎng)站呢?請(qǐng)大家一起思考下我們的網(wǎng)站的設(shè)計(jì)是否適合蘋果的產(chǎn)品一樣簡(jiǎn)易操作呢?

原文作者：羽翼seo團(tuán)隊(duì)成員--呆呆，原文地址：，歡迎大家拍磚，seo高級(jí)交流群54626945一起交流溝通!