APP設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)方式區(qū)別？從使用場(chǎng)景的角度來(lái)看，web應(yīng)用用戶面臨著比本地應(yīng)用用戶更嚴(yán)重的問(wèn)題：1。頁(yè)面跳轉(zhuǎn)更加費(fèi)力和不穩(wěn)定。思考點(diǎn)：如何減少跳轉(zhuǎn)（平面結(jié)構(gòu)、頁(yè)面布局技巧），增加數(shù)據(jù)和顯示的流動(dòng)性

APP設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)方式區(qū)別？

從使用場(chǎng)景的角度來(lái)看，web應(yīng)用用戶面臨著比本地應(yīng)用用戶更嚴(yán)重的問(wèn)題：1。頁(yè)面跳轉(zhuǎn)更加費(fèi)力和不穩(wěn)定。思考點(diǎn)：如何減少跳轉(zhuǎn)（平面結(jié)構(gòu)、頁(yè)面布局技巧），增加數(shù)據(jù)和顯示的流動(dòng)性和穩(wěn)定性（技術(shù)）。

2. 頁(yè)面空間更?。ㄒ?yàn)闉g覽器導(dǎo)航本身占據(jù)了部分屏幕空間），信息存儲(chǔ)負(fù)擔(dān)更大；移動(dòng)設(shè)備的屏幕更小。這種閱讀，就像透過(guò)門縫閱讀一樣，增加了認(rèn)知的負(fù)擔(dān)。人腦的短期記憶是不穩(wěn)定的。用戶在滾動(dòng)屏幕的過(guò)程中需要臨時(shí)記住的信息越多，其性能就會(huì)越差。--“貼心設(shè)計(jì)：打造高可用性的移動(dòng)產(chǎn)品”的思路：排版更清晰，信息更簡(jiǎn)潔（一些豐富復(fù)雜的視覺(jué)表現(xiàn)可以在原有應(yīng)用的基礎(chǔ)上去掉）3。導(dǎo)航不明顯，原來(lái)的底部導(dǎo)航消失。有效導(dǎo)航可應(yīng)對(duì)挑戰(zhàn)。思考點(diǎn)：如何有效地提供導(dǎo)航？表格是什么？4交互動(dòng)態(tài)效果有限，影響了對(duì)某些頁(yè)面場(chǎng)景和邏輯的理解。思考點(diǎn)：如登錄注冊(cè)過(guò)程的彈出、完成、異常退出、文本提示等。區(qū)別：app屬于移動(dòng)應(yīng)用客戶端，移動(dòng)網(wǎng)站可以做成app，app也可以呈現(xiàn)移動(dòng)網(wǎng)站。相同點(diǎn)：兩者都屬于手機(jī)系列，區(qū)別在于：app可以安裝在手機(jī)上，而手機(jī)網(wǎng)站只能通過(guò)這個(gè)用戶打開(kāi)URL來(lái)了解信息。如果移動(dòng)網(wǎng)站被設(shè)計(jì)成一個(gè)應(yīng)用程序，那么兩者可以結(jié)合使用。

手機(jī)APP的開(kāi)發(fā)和網(wǎng)站的開(kāi)發(fā)是不是完全不同？

雖然手機(jī)應(yīng)用開(kāi)發(fā)和網(wǎng)站開(kāi)發(fā)會(huì)采用不同的編程語(yǔ)言，但是從技術(shù)架構(gòu)的角度來(lái)看，手機(jī)應(yīng)用開(kāi)發(fā)和傳統(tǒng)網(wǎng)站開(kāi)發(fā)（主要是靜態(tài)的）屬于前端開(kāi)發(fā)的范疇，所以兩者有很多相似之處。目前，許多開(kāi)發(fā)團(tuán)隊(duì)已經(jīng)將web前端開(kāi)發(fā)和移動(dòng)端開(kāi)發(fā)集成到前端開(kāi)發(fā)團(tuán)隊(duì)中。事實(shí)上，對(duì)于前端開(kāi)發(fā)人員來(lái)說(shuō)，也提出了新的要求，即進(jìn)一步拓展自己的知識(shí)面。

目前，手機(jī)的發(fā)展一般分為兩部分。其中一部分是新應(yīng)用開(kāi)發(fā)，涉及Android開(kāi)發(fā)和IOS開(kāi)發(fā)。另一部分是基于現(xiàn)有應(yīng)用的二次開(kāi)發(fā)。例如，所有主要的互聯(lián)網(wǎng)平臺(tái)都開(kāi)放了基于自己應(yīng)用的小程序開(kāi)發(fā)接口。這部分的發(fā)展任務(wù)也比較多，而且未來(lái)的發(fā)展空間也不一樣是的，它是相當(dāng)廣闊的。

隨著物聯(lián)網(wǎng)的不斷發(fā)展，未來(lái)移動(dòng)互聯(lián)網(wǎng)和物聯(lián)網(wǎng)將深度融合。因此，未來(lái)移動(dòng)終端的發(fā)展將覆蓋物聯(lián)網(wǎng)領(lǐng)域，這也需要開(kāi)發(fā)者在一定程度上更新自己的知識(shí)。一般來(lái)說(shuō)，移動(dòng)終端的發(fā)展對(duì)業(yè)務(wù)邏輯仍有一定的要求，存在一定的發(fā)展難度。然而，隨著云計(jì)算技術(shù)的逐漸成熟，移動(dòng)終端的開(kāi)發(fā)難度也在下降。

從技術(shù)體系上看，移動(dòng)終端的發(fā)展需要掌握三個(gè)部分。一是Android開(kāi)發(fā)技術(shù)，涉及Java和kotlin編程語(yǔ)言；二是IOS開(kāi)發(fā)，涉及OC和swift編程語(yǔ)言；三是各種移動(dòng)web開(kāi)發(fā)和小程序開(kāi)發(fā)，主要涉及JavaScript語(yǔ)言。

與移動(dòng)終端開(kāi)發(fā)相比，web前端開(kāi)發(fā)主要涉及HTML、CSS、JavaScript等一系列開(kāi)發(fā)框架。隨著nodejs的應(yīng)用，web前端開(kāi)發(fā)人員也需要掌握一定的后端開(kāi)發(fā)知識(shí)。

APP與網(wǎng)站的區(qū)別？

手機(jī)網(wǎng)站是通過(guò)網(wǎng)絡(luò)訪問(wèn)網(wǎng)頁(yè)的手機(jī)，而手機(jī)app是手機(jī)的軟件。移動(dòng)網(wǎng)站是一種由WML（無(wú)線標(biāo)記語(yǔ)言）編寫(xiě)的用于移動(dòng)瀏覽的網(wǎng)站，通常基于文本信息和簡(jiǎn)單圖片信息。隨著手機(jī)智能化的發(fā)展，帶有操作系統(tǒng)和瀏覽器的手機(jī)的功能與電腦非常相似（這種智能手機(jī)也被稱為pocketpc）。使用這種手機(jī)，你可以通過(guò)GPRS上網(wǎng)，瀏覽幾乎所有的www網(wǎng)站，無(wú)論網(wǎng)站是否是專門的WAP網(wǎng)站，你還可以安裝專門為手機(jī)設(shè)計(jì)的程序，如手機(jī)股票、QQ、MSN、，等，由于手機(jī)屏幕尺寸和CPU處理能力有限，針對(duì)手機(jī)優(yōu)化的網(wǎng)站更方便用戶瀏覽。這也對(duì)網(wǎng)站設(shè)計(jì)提出了新的要求：網(wǎng)站要適應(yīng)移動(dòng)瀏覽。應(yīng)用程序（縮寫(xiě)：app；全稱：Application）。App是指智能手機(jī)的第三方應(yīng)用。著名的應(yīng)用商店包括蘋果的應(yīng)用商店、谷歌的谷歌游戲商店、Android Market、黑莓用戶的黑莓應(yīng)用世界、微軟的marketplace等

你覺(jué)得app設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)的工作是一樣的嗎？需要寫(xiě)很多代碼嗎？

與web端的使用相比，應(yīng)用的使用場(chǎng)景通常更為復(fù)雜。醉翁說(shuō)：“余平生的爪機(jī)多用于‘三上’：上馬、上枕、上廁所”，手機(jī)使用場(chǎng)景具有時(shí)間短、頻率高、易被其他應(yīng)用和外界干擾的特點(diǎn)，屬于“碎片化”。因此，在設(shè)計(jì)分析中，了解和還原場(chǎng)景是非常重要的，需要考慮各種可能干擾用戶操作的因素；在具體設(shè)計(jì)中，層次不宜太深，一般不超過(guò)三個(gè)層次；同時(shí)要簡(jiǎn)化信息，突出重點(diǎn)，促進(jìn)快速返回任務(wù)。2移動(dòng)終端的屏幕尺寸一般都很小，每個(gè)像素都非常有價(jià)值。通常，一個(gè)屏幕上只顯示一個(gè)頁(yè)面或主題。簡(jiǎn)化界面信息，突出界面重點(diǎn)，合理利用界面邊界上、下、左、右的擴(kuò)展空間。三?；?dòng)模式：網(wǎng)頁(yè)端一般依靠鼠標(biāo)點(diǎn)擊，而應(yīng)用程序通常直接用手指操作。鼠標(biāo)光標(biāo)的精確度大于指尖的精確度。同時(shí)，鼠標(biāo)有懸浮和右擊操作。app直接手指操作的優(yōu)點(diǎn)是更直接、更自然，可以用各種手勢(shì)更靈活，相當(dāng)于在一定意義上擴(kuò)大了屏幕的“面積”。與web端相比，縮放、旋轉(zhuǎn)等操作更方便，學(xué)習(xí)成本更低。同時(shí)，移動(dòng)終端還可以采用動(dòng)作、語(yǔ)音等交互方式。因此，在設(shè)計(jì)中，應(yīng)根據(jù)信息的重要性、使用場(chǎng)景和相應(yīng)的心理模型，靈活采用多種操作模式。4輸入和輸出第三點(diǎn)提到了web和app在主要輸入模式上的區(qū)別。我想在這里表達(dá)的是，與網(wǎng)絡(luò)端相比，智能手機(jī)內(nèi)置的傳感器使其能夠獲得更多的維度信息。主要表現(xiàn)為：同樣的操作，智能手機(jī)可以獲得更多的信息，如同樣的“點(diǎn)擊”，點(diǎn)擊強(qiáng)度、頻率、持續(xù)時(shí)間都可以成為有意義的數(shù)據(jù)并體現(xiàn)在交互結(jié)果中；同時(shí)，智能手機(jī)等智能設(shè)備可以更容易地獲取用戶的指紋，心率和其他生理數(shù)據(jù)，以及環(huán)境的位置和方向也可以用來(lái)進(jìn)行有用的輸出。除了視覺(jué)和聽(tīng)覺(jué)輸出，智能手機(jī)還可以輸出振動(dòng)反饋。（當(dāng)然，鍵盤和鼠標(biāo)也有振動(dòng)反饋，但它是被動(dòng)的，只有一個(gè)意義。）。平臺(tái)規(guī)范，對(duì)移動(dòng)終端的設(shè)計(jì)有著更為嚴(yán)格的規(guī)范要求。根據(jù)不同平臺(tái)的應(yīng)用設(shè)計(jì)，認(rèn)真遵循平臺(tái)規(guī)范有助于降低用戶的學(xué)習(xí)成本，也是優(yōu)秀體驗(yàn)的重要保證。6其他針對(duì)移動(dòng)終端、網(wǎng)絡(luò)條件、用戶環(huán)境的隱私和相關(guān)權(quán)限的設(shè)計(jì)需要更多的考慮。我想一邊想一邊寫(xiě)。如果我有機(jī)會(huì)系統(tǒng)地做這件事，我希望它會(huì)有所幫助。

如何設(shè)計(jì)一款頁(yè)面設(shè)計(jì)與用戶體驗(yàn)俱佳的App？

好的設(shè)計(jì)自然取決于客戶的體驗(yàn)。作為一名設(shè)計(jì)師，我們需要把顧客的想象轉(zhuǎn)化為看得見(jiàn)的畫(huà)面。我們不僅要從專業(yè)的角度來(lái)權(quán)衡，更要在日常生活中吸收更多更好的設(shè)計(jì)師作品，把精華融入到我們的設(shè)計(jì)中。我們的客戶不是設(shè)計(jì)師，他不會(huì)懂設(shè)計(jì)師的語(yǔ)言，我們要做的就是用簡(jiǎn)單明了的形式來(lái)解釋內(nèi)容，就像作者一樣，不同的是我們是視覺(jué)動(dòng)物，他們是靈魂動(dòng)物。