小程序原型設計

⑴ 微信小程序導彈大亂斗是以哪個游戲為原形

現在這些游戲大同小異，沒有什麼新意，你說的那個應該是以浮游入侵為原型的。

⑵ web前端自學要多久

這個要看個人的實際情況決定；自學最注重個人的自製力和學習力，你要抵禦各種誘惑，還要有詳細的學習規劃，才能保證正常的學習，徐徐漸進。下面的學習路線或許對你有幫助：

前端完整學習路線

第一階段:

HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。

JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。

第二階段:HTML5和移動Web開發

HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。

CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。

第三階段:HTTP服務和AJAX編程

WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。

PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。

第四階段:面向對象進階

面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。

面向對象三大特徵:繼承性、多態性、封裝性、介面。

設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。

第五階段:封裝一個屬於自己的框架

框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。

框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。

框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。

第六階段:模塊化組件開發

面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。

面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。

第七階段:主流的流行框架

Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。

常用庫:React.js、Vue.js、Zepto.js。

第八階段:HTML5原生移動應用開發

Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。

Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。

HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。

第九階段: Node.js全棧開發:

快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。

核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。

⑶ 小程序開發如何做原型設計

1.原型設計工具
根據設計者的專業程度，可以將原型設計工具分為兩大類，一是專業原型設計工具，二是非專業原型設計工具。專業的原型設計工具常用的就是墨刀和Axure，墨刀是一款在線原型設計工具，其優點是雲辦公模式，支持協同設計，即時保存，不用擔心因電腦斷電或故障而導致設計內容丟失，其缺點是組件豐富程度不高。
Axure是電腦端的原型設計工具，其優點是組件豐富，功能比較強大，使用用戶群體較大，其缺點是設計內容要及時保存，否則會因電腦斷電或故障而導致設計內容丟失，給用戶帶來一定的困擾。非專業的原型設計工具有PPT和紙，PPT也是一個簡單的制圖軟體，能讓用戶實現簡單的原型設計，其優點是簡單易學，缺點是頁面交互功能不強；紙是大部分用戶都可以用的原型設計工具，其優點是簡單方便，專業和非專業的人士都可以通過紙將原型想法表示出來，缺點是保存和後期使用不方便。
2.原型設計的內容
原型設計主要包括三個方面的內容：一是頁面設計，二是交互設計，三是備注設計。頁面設計是原型設計的主要內容，包括對產品所有頁面的原型設計；交互設計是指頁面與頁面之間的鏈接和跳轉；備注設計是指對頁面設計，交互設計，程序功能，跳轉結果，出錯提示等的設計。
原型設計是產品需求設計與UI設計之間的橋梁，是產品開發的一項重要基礎工作，直接決定了產品界面的布局，影響產品的使用效果。

⑷ 小程序微信公眾號開發如何做原型設計

原型設計是產品開發中的一個相對比較專業的術語，是指將客戶想要開發的產品的界回面和功能流程用簡單答的原型圖表示出來。下面我們分三方面分析：包括產品原型設計包含哪些部分，產品原型設計可以用哪些工具，產品原型設計有什麼注意點。
產品原型設計有哪些內容
根據產品針對的客戶群體不一樣，產品原型設計客可分為前端原型設計，後台原型設計。前端的原型設計主要包括產品展示，支付界面，訂單購物車界面，圖文資訊界面，用戶個人中心界面等。後台原型設計主要包括用戶管理界面，產品管理界面，訂單管理界面，圖文管理界面，操作員管理界面等。
根據產品的內容屬性不一樣，產品原型設計可分為圖片設計，文字設計，按鈕設計，圖標設計等。

⑸ 產品原型出來了，不知道做app好還是小程序

小程序的推廣成本和維護成本都很低，很多企業都開始做小程序了。
第1種是賣模板為主回的網路公司。答
優點是：價格低，幾千塊錢到萬元之間就能搞定，方便，能夠快速上線；
缺點是：修改功能麻煩，這里需要避免低價陷阱，不要到最後才發現模板性的修改功能所花的錢比買模板還貴。而且不是獨立的，一個模本賣給很多商家用，模板不是永久使用的，一般每年都要交年費。
第2種是主流的方式，定製開發為主的網路公司。
優點是：獨一無二的，專為你的企業或者店面定製的，功能你來定，要求你來定，後期修改BUG方便，改東西也很方便，最重要的是永久使用權！！
缺點是：相對價格比較高!!! 定製版的基本費用在上萬元到十幾萬不等！不過貴也有貴的道理吧，畢竟功能做的更全面一點。
最後總結，至於找什麼樣的小程序開發公司？花多少錢來開發？還是需要看貴公司准備的預算這塊！希望對大家有用！

⑹ 微信游戲小程序開發費用是多少

微信游戲小程序開發成本分析，詳情如下：
1、產品原型定位製作小程序首先要對小程序定位，也就是我們希望小程序是長什麼樣子的。需要從使用人群、主要功能和產品特色幾個方面進行思考和定位。要充分了解用戶需求，分析是誰在什麼環境下解決什麼問題。在前期可能還得做問卷調查、用戶訪談、信息採集等用戶調研的工作，根據用戶的需求點進行原型設計，分析有代表性的同類產品的功能框架，找到亮點，產品上線後再分析用戶的反饋。
2、UI設計UI設計師負責整個界面的設計，簡潔的界面設計更便於用戶使用、便於用戶了解產品，並減少用戶發生錯誤選擇的可能性。界面中要使用能反映用戶本身的語音，界面結構月也要清晰一致，且風格要和產品內容保持一致。
3、前端開發負責相關產品的需求以及前端程序的實現，提供合理的前端架構;與產品、後台開發人員保持良好溝通，能快速理解、消化各方需求，並落實為具體的開發工作;了解伺服器端的相關工作，在交互體驗、產品設計等方面有自己的見解。
4、後端開發後端人員負責什麼呢？例如，前端開發人員在應用程序中創建一個界面，上面有一個按鈕，按下按鈕來獲取客戶的數據。後端開發人員寫可使得按鈕工作的代碼，通過指出從資料庫中提取哪些數據並將其傳回到前端（並最終顯示在那裡）。後端開發人員也可能會大量參與系統架構，決定如何組織系統的邏輯，以便能夠正常維護和運行。
5、運營推廣人員大家千萬別小看運營推廣人員哦。雖然看似「技術含量不高」但是小程序開發之初和開發完之後，需要運營推廣人員進行造勢宣傳，畢竟開發出來能得到更多人的關注才是最重要的哦。這里人員配置說的是最精簡的了，要是再細分的話，還有後台運營管理人員，測試人員呀等等。
分析下成本吧，就目前市場環境一線城市平均工資來講的話。產品原型15000元一個月，UI12000一個月，前端15000一個月，後端20000一個月 運營10000一個月。加起來的話大概是72000元/月。但是根據小程序開發難度的話，工期是不同的，而且這些人員可以同時兼顧幾個項目。具體的需求還得具體分析。

⑺ 使用Axure製作App原型怎樣設置尺寸

提供一個常用的移動設備尺寸列表，製作原型時根據查詢的尺寸在axure中設置大小即可，設計完畢後在生成HTML時設置 手機/移動設備 中勾選包含視圖介面（ include Viewport tag ），並進行配置，生成HTML後再到相應的移動設備中瀏覽就正常了。
設備名稱 系統平台 像素密度 屏幕尺寸 豎屏尺寸 橫屏尺寸
Acer Iconia Tab A100 Android 166dpi 7″ 800 1280
Acer Iconia Tab A101 Android 170dpi 7″ 600 1024
Acer Iconia Tab A200 Android 160dpi 10.1″ 800 1280
Acer Iconia Tab A500 Android 149dpi 10.1″ 648 1280
Acer Iconia Tab A502 Android 149dpi 10.1″ 800 1280
Ainol Novo 7 Elf 2 Android 170dpi 7″ 496 1024
Apple iPad iOS 132dpi 9.7″ 768 1024
Apple iPad 2 iOS 132dpi 9.7″ 768 1024
Apple iPad 3 (and 4) iOS 264dpi 9.7″ 768 1024
Apple iPad Mini iOS 163dpi 7.9″ 768 1024
Apple iPhone 3G iOS 163dpi 3.5″ 320 480
Apple iPhone 3GS iOS 163dpi 3.5″ 320 480
Apple iPhone 4 iOS 326dpi 3.5″ 320 480
Apple iPhone 4S iOS 326dpi 3.5″ 320 480
Apple iPhone 5 iOS 326dpi 4″ 320 568
Apple iPod Touch iOS 163dpi 3.5″ 320 480
Archos 70b (it2) Android ?? 7″ 600 1024
Archos 80G9 Android 160dpi 8″ 768 1024
Arnova 7 G2 Android ?? 7″ 480 800
Arnova 7FG3 Android ?? 7″ 640 1067
Arnova 8C G3 Android 125dpi 8″ 800 1067
Arnova 10b G3 Android 160dpi 10.1″ 600 1024
ASUS Padfone Android ?? 4.3″ 800 1128
ASUS Transformer Pad TF300T Android ?? 10.1″ 800 1280
ASUS Transformer TF101 Android 149dpi 10.1″ 800 1280
BAUHN AMID-972XS Android ?? 9.7″ 768 1024
BlackBerry 9520 Blackberry OS 185dpi 3.25″ 345 691
BlackBerry Bold 9360 Blackberry OS 246dpi 2.44″ 320 N/A
BlackBerry Bold 9780 Blackberry OS 246dpi 2.44″ 480 N/A
BlackBerry Bold 9790 Blackberry OS 246dpi 2.45″ 320 N/A
BlackBerry Bold 9900 Blackberry OS 287dpi 2.8″ 356 N/A
BlackBerry Curve 9300 Blackberry OS 246dpi 2.45″ 311 N/A
BlackBerry Curve 9320 Blackberry OS 164dpi 2.44″ 320 N/A
BlackBerry Curve 9380 Blackberry OS 188dpi 3.2″ 320 N/A
BlackBerry PlayBook Blackberry Tablet OS 169dpi 7″ 600 1024
BlackBerry Torch 9800 Blackberry OS 187.5dpi 3.2″ 320 480
BlackBerry Torch 9810 Blackberry OS 250dpi 3.2″ 320 480
BlackBerry Z10 Blackberry OS10 355dpi 4.2″ 345 521
Google Nexus 5 Android 445dpi 4.95″ 360 598
HP Touchpad Android 132dpi 9.7″ 768 1024
HP Veer WebOS 197dpi 2.6″ 320 545
HTC 7 Mozart Windows Phone 7 252dpi 3.7″ 320 480
HTC 7 Trophy Windows Phone 7 245dpi 3.8″ 320 480
HTC Desire Android 252dpi 3.7″ 320 533
HTC Desire C Android 164dpi 3.5″ 320 480
HTC Desire HD Android 216dpi 4.3″ 320 533
HTC Desire Z Android 252dpi 3.7″ 480 800
HTC Evo 3D Android 256dpi 4.3″ 540 960
HTC Legend Android ?? 3.2″ 320 480
HTC One S Android 256dpi 4.3″ 360 640
HTC One V Android 252dpi 3.7″ 320 533
HTC One XL Android 260dpi 4.7″ 360 640
HTC Sensation XL Android 198.5dpi 4.7″ 360 640
HTC Titan 4G Windows Phone 7 198.5dpi 4.7″ 320 480
HTC Velocity 4G Android 245dpi 4.5″ 360 640
HTC Wildfire S Android 180dpi 3.2″ 320 480
HTC Windows Phone 8X Windows Phone 8 341dpi 4.3″ 320 480
Huawei U8650 Android 165dpi 3.5″ 320 480
Kindle 3 Kindle 167dpi 6″ 600 N/A
Kindle Fire HD 7 Android 216dpi 7″ 533 801
Kindle Fire HD 8.9 Android 254dpi 8.9″ 533 801
Kindle Fire HDX 7″ Android 323dpi 7″ 600 902
Kindle Paperwhite Kindle 212dpi 6″ 758 N/A
Kobo eReader Touch Android N/A (E Ink) 6″ 600 N/A
LG Optimus 2X Android 233dpi 4″ 320 533
LG Optimus L3 Android 125dpi 3.2″ 320 427
LG Optimus Pad Android 168dpi 8.9″ 768 1280
LG Viewty KU990 Java 155dpi 3″ 240 400
Microsoft Surface (RT) Windows RT 148dpi 10.6″ 768 1366
Motorola Defy Android 265dpi 3.7″ 320 569
Motorola Droid3 Android 275dpi 4″ 360 599
Motorola Droid Razr Android 256dpi 4.3″ 360 640
Motorola Milestone Android 265dpi 3.7″ 320 569
Motorola Razr HD 4G Android 312dpi 4.7″ 360 598
Motorola Razr M 4G Android 312dpi 4.7″ 360 598
Motorola Xoom Android 149dpi 10.1″ 800 1280
Motorola Xoom 2 Android 149dpi 10.1″ 800 1280
Nexus 4 Android 318dpi 4.7″ 384 598
Nexus 7 Android 216dpi 7″ 603 966
Nexus S Android 233dpi 4″ 320 533
Nokia 300 Nokia 167dpi 2.4″ 234 N/A
Nokia 500 Symbian 229dpi 3.2″ 360 640
Nokia 700 Symbian 229dpi 3.2″ 240 427
Nokia 2700 S40 200dpi 2″ 240 N/A
Nokia Lumia 520 Windows Phone 8 233dpi 4″ 320 480
Nokia Lumia 610 Windows Phone 7 252dpi 3.7″ 320 480
Nokia Lumia 710 Windows Phone 7 252dpi 3.7″ 320 480
Nokia Lumia 800 Windows Phone 7 252dpi 3.7″ 320 480
Nokia Lumia 820 Windows Phone 8 217dpi 4.3″ 320 480
Nokia Lumia 900 Windows Phone 7 217dpi 4.3″ 320 480
Nokia Lumia 920 Windows Phone 8 332dpi 4.5″ 320 480
Nokia Lumia 1020 Windows Phone 8 332dpi 4.5″ 320 480
Nokia Lumia 1520 Windows Phone 8 367dpi 6″ 320 480
Nokia N95 S60 154dpi 2.6″ 240 N/A
Nokia N900 Naemo 267dpi 3.5″ 480 800
Panasonic Toughpad A1 Android 127dpi 10.1″ 768 1024
Samsung Galaxy Ace Android 165dpi 3.5″ 320 480
Samsung Galaxy Ace 2 Android 246dpi 3.8″ 320 533
Samsung Galaxy Grand Android 187dpi 5″ 480 800
Samsung Galaxy Note Android 285dpi 5.3″ 400 640
Samsung Galaxy Note 2 Android 267dpi 5.5″ 360 640
Samsung Galaxy Note 10.1 Android 149dpi 10.1″ 800 1280
Samsung Galaxy S2 Android 217dpi 4.3″ 320 533
Samsung Galaxy S3 Android 306dpi 4.8″ 360 640
Samsung Galaxy S3 Mini Android 233dpi 4″ 360 640
Samsung Galaxy S4 Android 441dpi 5″ 360 640
Samsung Galaxy S4 Mini Android 256dpi 4.3″ 360 640
Samsung Galaxy Tab 2 7.0 Android 170dpi 7″ 600 1024
Samsung Galaxy Tab 7 Android 170dpi 7″ 600 1024
Samsung Galaxy Tab 8.9 Android 170dpi 8.9″ 800 1280
Samsung Galaxy Tab 10.1 Android 149dpi 10.1″ 800 1280
Samsung Galaxy Tab 10.1 Android 149dpi 10.1″ 800 1280
Sony Xperia E Dual Android 164dpi 3.5″ 320 480
Tesco Hudl Android 242dpi 7″ 600 799
Windows Surface Pro Windows 8 207dpi 10.6″ 1080 1920