app設計網頁

1、如何用UI設計軟體做app頁面

第一點：了解你的目標客戶群的心態
1、做微任務的目標客戶群(如隨時隨地看看新聞，聽聽歌，看看電影，聊聊八卦之類)：
這類的解決方案是設計的app最好是小而准，不要大而全。越全的功能應用，只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群：比如找地圖，看天氣，查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群，用來打發消磨時間的：無需求，漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發消磨時光。

第二點：APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具：移動APP原型設計神器 POP 、axure、Foreui等

第三點：APP視覺設計與設計要點
（1）大概設計板塊有APP啟動頁面設計，APP界面設計的尺寸規范，app圖標設計等
一般來說，手機屏幕是從上往下布局的，重要的信息會放在上方。但是在操作上，大部分人都是單手拿手機，常用的操作，要放在界面的下方。
另外還有一個原則，最小的觸摸單位，一般是44個像素。如果再小，你的拇指難以觸碰，或者容易引發誤操作。同時，也不要讓界面太擁擠。
所以，設計師必須用減法設計，這個過程需要花時間思考、簡化元素。
你必須記住：（1）隱藏設計或者減法設計 （2）分區或分類 （3）幫用戶做決策 （4）提高交互創新設計 （5）讓人有爽快感和新奇感 （6）在設計中浸入情感，把握用戶的心理。（談談如何進行產品設計以及產品情感化設計）
一位大師這樣說過「真正的簡約設計是：作品必須不斷的被簡化，一改再改，直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片，扁平化都會是移動app設計的趨勢！認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢！

第四點：APP界面設計流程

（1）. 設計APP界面時，學會從優秀APP界面設計作品中尋求靈感，以前的藝術大師，用少量的資源做了大量的設計。
（2）. 放下工作，休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作，帶著全新的眼光工作，比長時間冥思苦想更有
效。
（3）. 並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存，對比兩個版式就能很快分清孰好孰壞。
（4）. 由於實物展示的相對比例至關重要，所以要及早在不同的目標設備上測試。
（5）. 整個設計過程中不斷問自己「真的需要嗎？」 。支撐項目時候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，
但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費盡心血的部分總是難以割捨，但修改過程必須挑剔。

第五點：APP界面設計測試與預覽修正
設計完成之後，我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具：快速在移動終端上預覽APP界面設計效果圖的方法最後：好的APP界面設計作品必然是要經過不斷升級、重復迭代的。

2、#ui設計師#一個App和網頁設計的流程是什麼樣的？能詳細說明下嗎？

APP設計流程 接到項目，先進行市場分析確定他的可行性，然後對目標用戶分析確定他的可用性，競品分析，吸取競品的優勢，根據用戶研究做出原型圖設計，再根據原型圖進行優化升級，做出合適風格的高保真圖，最後切圖，標注給開發人員。
網頁設計流程 網頁的話很APP進行的差不多，前期分析，而後根據企業特性，公司文化，公司特色，公司形象，展示自己的優勢，做出讓用戶易操作，易識別，易用性高的網站。 來自職Q用戶：用戶3780419
行業定性-市場方向-市場調查-潛在用戶-確定功能-開發流程（原型圖-視覺圖-開發-測試）等 來自職Q用戶：匿名用戶

3、國外優秀的app設計網站有哪些？

　10個國外較優秀的UI設計網站。作為設計師，除了要有龐大的素材庫，要保持高度的行業敏銳度，得到第一手行業資訊，還要不斷地學習充電。通過它們，你就能每天收到設計行業最新的相關資訊，包括行業動態、設計作品、創意靈感以及素材等等。

1、UIparade:靈感UI設計目錄網
UIparade:靈感UI設計目錄網是一個致力於設計師UI設計作品分享的網站，提供世界是最有才華的設計師們的優秀作品，幫助設計師們獲得UI方面的設計靈感，提供豐富的設計參考案例，同時還提供收費版的在線設計工具。

2、MaterialUp:創意UI設計靈感分享網
MaterialUp:創意UI設計靈感分享網是一個致力於移動應用和網站程序、概念設計作品展示的網站，每周都會更新最新收錄的創意設計，幫助設計師們尋找極富靈感思維的設計作品，設計沒思路？沒靈感？那麼你就趕緊訂閱這個網站吧。

3、HudsandGuis:科幻UI界面分享博客
HudsandGuis:科幻UI界面分享博客是一個致力於分享電影里的科幻類UI界面設計的站點，我們都看過鋼鐵俠系列的電影，對於裡面的帶有濃厚未來科技理念的UI界面設計有著強烈的視覺沖突，該博客就是分享此類的UI界面設計資源。科技UI界面是從國外的科幻電影里衍生出來的新設計理念，這樣的UI設計擁有超前的想像力和極簡的設計元素，是提醒未來科技發展的最佳創意思維，越來越多的科幻電影採用了這樣的視覺展示資源，讓電影里的未來氣息更加濃厚，如果你喜歡此類UI設計的話，不妨多關注這個博客網站，你會收到到很多超酷的UI資源。

4、Mantia:蘋果UI設計網
mantia.me是一個蘋果手機UI設計站點，網站提供免費的icon圖片和桌面以及UI設計下載和使用。網站作者曾經是iTunes團隊人之一，參與了iTunes圖標的設計。

5、Android Design:安卓UI設計網
安卓系統的UI界面總比不上IOS的優秀和炫麗，很多手機控對安卓的UI一直建議非常多，這不穀歌Android團隊也看不下去了，終於宣布推出安卓UI指導性質的網站:Android Design:安卓UI設計網。該網站上有很多資料，其中包括一般風格指南、設計樣式，以及Android的部分默認UI 構件 — 「Building Blocks」。網站還重點介紹了Android 4.0中用戶界面元素，有些新特徵在老版本中可能不能立即得到支持。但就長遠來說，這是一個不錯的改變。

6、FluiDui:智能手機UI設計測試平台
　 FluiDui:智能手機UI設計測試平台是一個針對於蘋果手機和安卓手機系統UI設計的網站，可以在線通過谷歌瀏覽器試用Fluid UI，進行一些換膚、位置、圖標等測試。蘋果手機和安卓手機的流行也為手機系統的UI設計添加了一把火，想這樣的可以在線通過瀏覽器來調試系統UI的網站少之又少，如果你是手機系統UI的設計師，那麼這個網站絕對要去試試了，不過需要注冊以後才可以試用，登錄後有非常豐富的圖標、套圖、模版可以在線測試的。

7、LovelyUI:可愛的UI手機界面設計庫
LovelyUI:可愛的UI手機界面設計庫是一個致力於智能手機界面設計作品展示的博客網站，由眾多程序界面設計師上傳分享出來的，該網站分類詳細，用戶可以更加分類來查看不同的界面UI設計。手機系統的界面UI就跟大廚做菜一樣，你的菜譜要征服用戶的胃，應用程序界面也需要吸引用戶的眼球才能讓一個應用程序有良好的用戶體驗，要想提高自己的設計能力就需要去取經，該網站就是你取經的必備網站之一。

8、GetUIcolors:在線UI顏色分享網
GetUIcolors:在線UI顏色分享網是一個幫助設計師發現最佳顏色搭配的網站，當你在設計UI素材的時候合理的顏色搭配就顯得非常重要，該網站把搭配好的顏色整合在一起供設計師使用，直接復制即可。

9、UI Cloud:UI設計素材雲搜索引擎
UI Cloud:UI設計素材雲搜索引擎是一個針對UI設計素材搜索的網站，通過關鍵字搜索你所需要的素材，並且下載是完全免費的，漂亮的網站UI設計加上優秀的素材下載資源，絕對是你找素材的好應用。
UICloud平台收集了來自世界各地的互聯網上最好的UI元素設計作品，並提供了一個搜索引擎為你找到所需要的最好的UI素材。
該平台的目標是要創造最大的平台，展示其頂級的用戶界面設計，並為開發人員輕鬆快速地創建項目，輔助其獲取得到最好的UI素材。目前已收錄超過22444個UI作品。

10、Fltdsgn:平板UI設計分享網
Fltdsgn:平板UI設計分享網是一個提供平板APP和html5網站模版UI作品展示的網站，幫助設計師們尋找靈感，激發你的創意思維，支持郵箱訂閱最新更新，每天都可以讓你找到創意模版設計資源。在該網站你除了可以尋找合適的UI外，還可以提交自己的設計作品，該網站收錄的創意作品，除了有截圖還會發布作品設計來源，也可以作為宣傳自己團隊的平台來使用。

4、求設計大佬推薦幾個資深的app設計網站。謝謝

不是設計大佬就不可以推薦了嗎？/悲傷

使用Fotor在線設計工具，我不懂設計，不會PS，操作很簡單，我覺得如果有經驗的人用起來會更方便快捷的。

5、網頁設計都用哪些軟體

Fireworks Dreamweaver Flash PS JavaScript等。
Fireworks是Adobe推出的一款網頁作圖軟體，軟體可以加速 Web 設計與開發， 是一款創建與優化 Web 圖像和快速構建網站與 Web 界面原型的理想工具。Fireworks 不僅具備編輯矢量圖形與點陣圖圖像的靈活性， 還提供了一個預先構建資源的公用庫， 並可與Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash軟體省時集成。 在 Fireworks 中將設計迅速轉變為模型， 或利用來自Illustrator、Photoshop和Flash的其它資源。 然後直接置入Dreamweaver中輕松地進行開發與部署

Adobe Dreamweaver，簡稱「DW」，中文名稱"夢想編織者"，是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器，DW是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。

Flash又被稱之為閃客，是由macromedia公司推出的互動式矢量圖和 Web 動畫的標准，由Adobe公司收購。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟體，用於設計和編輯Flash文檔。

Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標准通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。

6、APP設計與網頁設計方式區別

從使用場景上，Web App用戶面臨比原生APP用戶更嚴峻的問題：
1、頁面跳轉更加費力，不穩定感更強
思考點：如何減少跳轉（扁平結構、頁面布局技巧），增加數據及展示的流暢流程及穩定性（技術）。

2、更小的頁面空間（由於瀏覽器的導航本身佔用一部分屏幕空間），更大的信息記憶負擔；
移動設備的屏幕要小得多。這種如同透過門縫進行的閱讀增加了認知的負擔。人腦的短期記憶是不穩定的，用戶在滾動屏幕的過程中需要臨時記憶的信息越多，他們的表現就會越差。——《貼心設計：打造高可用性的移動產品》
思考點：排版更清晰、信息更簡練 （可在原生APP基礎上去掉一些豐富、復雜的視覺表現）

3、導航不明顯，原有底部導航消失，有效的導航遇到挑戰
思考點：如何有效的提供導航？有哪些形式？

4、交互動態效果收到限制，影響一些頁面場景、邏輯的理解。
思考點：比如登錄注冊流程的彈出、完成及異常退出，做好文字提示。

區別：APP屬於手機應用客戶端，移動網站可以製作成APP，APP也可以呈現手機網站。

相同點：二者都屬於手機系列 區別在於：APP可以安裝到手機上，而移動網站只能通這用戶打開網址才能打開了解信息。如果移動網站設計成app，則二者兼合。

7、有什麼可以自己做APP的網站

使用網站做APP一般都是擁有固定模板的。一般使用的都是APP製作模板
它有的好處有——

1、高效低成本
效率高、成本低是app製作模板搭建手機app最大的優勢。不論是企業還是個人，在使用app模板製作app軟體時，可以不用再找開發團隊重新開發app功能，只要明確哪種模板適合自己，能夠滿足自身的需求，然後進行簡單的操作就可以完成一款app的製作。由於不需要app技術人員參與開發，所以價格較為低廉，一般在幾百到幾千元不等。
2、花費時間少、便捷
app模板開發手機app的過程比較簡單，需要投入的人力、物力和資金都較少，更不需要用戶學習任何app開發相關的技術語言，用戶直接添加相應的內容就可生成一個滿意的app應用，花費的時間較短，短的幾個小時、幾天，長的的一個禮拜足以。
3、製作出來的app行業性足
每個app公司開發出來的app製作模板都是經過了充分的市場調查、行業分析、用戶需求分析後，通過嚴格的要求，對等的技術製作出來的。同時，每個行業對應的app模板是不一樣的。因此，app模板的可行性較高，製作出來的手機app行業性高。
不足之處在於——
App模板雖然有高效低成本，開發時間短，製作出來的產品行業性好等優勢，但是也有自身的不足。比如利用模板製作出來的手機app的特性較少，和同類型的app沒有較大區別，都是一個模子出來的。再就是，app模板製作出來的app的用戶粘度不高，這也是因為特性不夠造成的。
製作app的模板有優勢也有劣勢是情有可原的，企業或者是個人在進行app製作之前對app模板有更全面的了解是有必要的，有利於分析出自身的發展情況是否適合選用app製作模板進行app開發。

而要自己可以做APP的網站有很多，一一舉例的有：
雲打包，商侶軟體，凡科，簡網，應用，E捷等等。其實真正要做一款上檔次的APP，沒點技術含量是做不好的。其中商侶軟體和E捷比較好，通過他們的官網頁面的咨詢去了解。找到適合你的APP製作。你也可以適了解一下以下這些：
1、明白app製作原理
製作公司app前，公司可以先去了解一下app製作原理是什麼，app開發流程有幾個步驟。這樣做的目的是為了讓公司在製作app之前做好相應的准備和救急措施。企業app製作原理也可以很多公司俗稱的製作app的進程，一般包括幾個方面，如app製作前需求評估，app開發細節（方案策劃、技術要求、前後端開發等）。
在知曉公司製作企業app的原理後，也就不會對app製作過程有所疑慮了，如為什麼一定要進行某個步驟，為什麼這個步驟非得放在那個步驟的前面等。總而言之，就是讓公司在app製作流程做到心中有底。
2、App製作要找家合適的合作夥伴
接下來，公司要製作app的話，要找對製作app的方式，以及選好一個公司app製作公司或者是app製作系統。俗話說，工具是完成任務的杠桿。一個好的企業app製作公司不僅就是公司進行app開發只好的助力，這也是為什麼那麼多公司在製作手機app時，那麼注重app製作公司名譽、質量、經驗的最大原因。
3、做好公司app內容填充和推廣
在一款公司app被製作出來以後，然後就要進行app內容的填充以及app軟體的推廣。App製作出來以後，還只是一個架子，只是有很多相應的功能，沒有實質性的內容，這些都是需要公司app製作之後自行去補充的。最後，公司製作app後並不就萬事大吉了，想要公司app程序有粉絲，有用戶的話，還要進行app的推廣。

8、求推薦幾個手機app界面設計網站

站酷。優設。設計路上

9、那個製作app的網頁叫什麼

您好，我是一名站長。
這幾年用過很多平台製作app，
用來用去，還是覺得「應用之星」比較好。
1.這個網站無需編程和代碼，小白用戶也能在線開發app；
2.完全免費，不要錢；
3.模板齊全，一鍵模式有模板指導，專家模式能滿足你的所有需求；
4.有數據監控和統計功能，滿足後期運營的需要。

樓主有不懂的地方可以繼續追問我哈~