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

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

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

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

網(wǎng)頁設(shè)計(jì)什么軟件好呢？

1、Dreamweaver CS6]Dreamweaver是一款功能強(qiáng)大的網(wǎng)頁設(shè)計(jì)軟件，具有可視化編輯界面。該軟件具有響應(yīng)自適應(yīng)網(wǎng)格布局、增強(qiáng)jQuery移動(dòng)支持、實(shí)時(shí)視圖更新等功能。這是一個(gè)網(wǎng)頁，使軟件值得擁有。

2、Hbuilder]Hbuilder是目前最快的HTML開發(fā)工具。Hbuilder強(qiáng)大的代碼助手幫助您快速完成開發(fā)。最完整的語法庫和瀏覽器兼容性數(shù)據(jù)使瀏覽器碎片化不再令人頭痛。在hbuilder中預(yù)設(shè)了hello hbuilder項(xiàng)目。用戶在輸入幾十行代碼后會(huì)發(fā)現(xiàn)，它的速度至少是其他開發(fā)工具的五倍。Hbuilder的生態(tài)系統(tǒng)可能是最豐富的webide生態(tài)系統(tǒng)，因?yàn)樗瑫r(shí)兼容eclipse插件和Ruby包。Svn、GIT、FTP、PHP、less和其他技術(shù)都有eclipse插件。

3、WPS show hall]WPS show hall是金山WPS推出的一款非常方便的HTML5頁面制作工具。它提供了大量的H5模板和應(yīng)用場景。簡單的操作讓你不費(fèi)吹灰之力就可以制作出精美的H5頁面。秀堂提供了大量的H5模板，用戶可以通過簡單的圖形替換實(shí)現(xiàn)圖形音樂的自由組合，快速生成具有豐富動(dòng)畫效果的HTML5在線頁面，并一鍵在社交網(wǎng)絡(luò)上分享。同時(shí)，秀堂還可以幫助用戶監(jiān)控通信效果，滿足用戶的移動(dòng)通信需求。

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

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

手機(jī)網(wǎng)頁應(yīng)該怎樣設(shè)計(jì)？

設(shè)計(jì)應(yīng)針對顯示設(shè)備的實(shí)際情況。

移動(dòng)網(wǎng)頁的設(shè)計(jì)應(yīng)根據(jù)小屏幕、垂直屏幕瀏覽、手指操作和網(wǎng)速慢三個(gè)特點(diǎn)進(jìn)行優(yōu)化。

1. 手機(jī)屏幕小

因?yàn)槠聊恍。砸侠韮?yōu)化頁面內(nèi)容，重點(diǎn)內(nèi)容優(yōu)先，不要浪費(fèi)用戶的時(shí)間去尋找自己想要的內(nèi)容。

2. 垂直屏幕觀看

手機(jī)基本上都是垂直屏幕觀看，所以內(nèi)容排版要盡量垂直，方便用戶觀看。

3. 手指操作

由于手指不如鼠標(biāo)精確，所以需要將按鈕放大到合理的大小，以方便用戶的手指操作。

4. 移動(dòng)互聯(lián)網(wǎng)速度慢

盡可能優(yōu)化壓縮網(wǎng)頁大小，提高網(wǎng)頁加載速度，改善用戶體驗(yàn)。

如果你暫時(shí)想了那么多事情，很難避免錯(cuò)過它們。