界面原型图作用
界面原型图作用有探索与实验、理解与验证、交付与对接等。
1、探索与实验
原型的本质是一种测试工具，根据自己的需求探索网站功能或方向，从而实验一些想法是它最为主要的目的。不妨先搭建一个简单的网站原型开始，只将必备的基本信息和功能体现出来，然后开始测试，甚至可能在纸上绘制草图即可。
2、理解与验证
当一个企业想开发一款产品时，那么绝大多数企业本身并不懂得互联网知识，与外包公司沟通清楚业务流程和需求后，其实并想象不到自己的产品的表现形态。那么原型图就可以让自己提前看到，产品的界面样式，每个按钮的功能和效果，也可以看到产品的基本框架，和运作机制，获得比较真实的感受。
3、交付与对接
因为原型图不是最终设计稿，当有需求需要修改，或者逻辑交互不符合需求时，修改起来也是比较方便，不会很麻烦，能够在开发前排除相当一部分的潜在问题和故障。
在企业方确定了原型图后，接下来作为UI的设计人员，直接看原型图，根据原型图设计相关的界面和交互，因为UI设计人员，没有与企业方直接沟通过需求，不能理解产品的真实意图，给设计人员提供一份原型图，能很好的节省沟通成本。
界面原型图的设计原则：
1、了解受众和意图
这是原型设计流程的第一条，也是至关重要的原则。 为了做原型而了解受众，并理解原型的意图，能驱动原型设计流程的各个方面，了解受众和意图之后，能更好地完成以下工作。一切都源于受众，因此从解决受众的问题开始，了解谁是受众，就可以确定原型设计需要什么东西，要多少原型设计以及合适的保真程度。
2、稍加规划再做原型
软件系统不断迅速变化，稍加规划再做原型，以渐增的方式展开工作，这样能适应不断变化的环境。规划阶段所做的工作越多，越能更好地启动工作，当然回报会递减，一定要用常识来判断需要做多少规划工作，建议把70%的设计时间花在草图上，然后再开始原型设计最好。
绛旓細鐣岄潰鍘熷瀷鍥句綔鐢ㄦ湁鎺㈢储涓庡疄楠屻佺悊瑙ｄ笌楠岃瘉銆佷氦浠樹笌瀵规帴绛銆1銆佹帰绱笌瀹為獙 鍘熷瀷鐨勬湰璐ㄦ槸涓绉嶆祴璇曞伐鍏凤紝鏍规嵁鑷繁鐨勯渶姹傛帰绱㈢綉绔欏姛鑳芥垨鏂瑰悜锛屼粠鑰屽疄楠屼竴浜涙兂娉曟槸瀹冩渶涓轰富瑕佺殑鐩殑銆備笉濡ㄥ厛鎼缓涓涓畝鍗曠殑缃戠珯鍘熷瀷寮濮嬶紝鍙皢蹇呭鐨勫熀鏈俊鎭拰鍔熻兘浣撶幇鍑烘潵锛岀劧鍚庡紑濮嬫祴璇曪紝鐢氳嚦鍙兘鍦ㄧ焊涓婄粯鍒惰崏鍥惧嵆鍙2銆佺悊瑙ｄ笌楠...
绛旓細app鍘熷瀷鍥炬槸浠涔堟剰鎬濓紵鍘熷瀷鏄寚浜у搧鐨勯洀褰紝鑰屽湪璁捐app鏃讹紝鍘熷瀷鍥炬寚鐨勬槸閫氳繃鍥惧舰鍖栫殑鏂瑰紡鍛堢幇鍑篴pp鐣岄潰璁捐銆佸姛鑳戒氦浜掔瓑鍚勪釜鏂归潰鐨勮崏鍥銆傚畠鏄痑pp璁捐鐨勯噸瑕侀樁娈碉紝鍙互甯姪鍥㈤槦鏇村ソ鍦扮悊瑙pp鐨勮璁℃濊矾锛屽強鏃跺彂鐜板苟瑙ｅ喅闂銆備负浠涔堥渶瑕乤pp鍘熷瀷鍥撅紵棣栧厛锛鍘熷瀷鍥惧彲浠ュ府鍔╄璁″洟闃熸洿濂藉湴浜嗚В浜у搧闇姹锛屾槑纭骇鍝...
绛旓細鐣岄潰鍘熷瀷灏辨槸鍦ㄩ渶姹傚垎鏋愰樁娈,瀹屾垚鐢 渚嬭繃绋嬩腑,鎴栬呭畬鎴愮敤渚嬪悗杩涜璁捐, 鍗忓姪闇姹傚垎鏋銆傜晫闈㈠師鍨嬭璁″伐鍏 GUI Design Studio 鏈鏂扮増鏈細4.5 鐣岄潰妯″瀷璁捐涓緢瀹炵敤鐨勪竴涓伐鍏稧UI Design Studio锛屽彲浠ヨ鐣岄潰绀烘剰鍥惧疄鐜板熀鏈殑浜や簰锛屼究浜庢紨绀恒佷氦娴併傛帹鑽愰渶姹傘佽蒋浠剁晫闈㈣璁″紑鍙戠瓑鐣岄潰鍘熷瀷鐩稿叧浜哄憳浣跨敤銆侴UI Design...
绛旓細鍘熷瀷鍥剧畝鍗曠殑鏉ヨ锛灏辨槸涓娆句骇鍝佹垚鍨嬩箣鍓嶇殑涓涓畝鍗曠殑妗嗘灦锛屽氨鏄皢椤甸潰鐨勬帓鐗堝竷灞灞曠幇鍑烘潵锛屾瘡涓姛鑳介敭鐨勪氦浜锛屼娇浜у搧鐨勫垵姝ユ瀯鎬濇湁涓涓彲瑙嗗寲鐨勫睍绀恒傚師鍨嬪浘鍙互鎻愬墠鐪嬪埌浜у搧鐨勭晫闈㈡牱寮忥紝姣忎釜鎸夐挳鐨勫姛鑳藉拰鏁堟灉锛屼骇鍝佺殑鍩烘湰妗嗘灦鍜岃繍浣滄満鍒讹紝鑾峰緱姣旇緝鐪熷疄鐨勬劅鍙椼傜‖浠跺瀷鍙凤細Apple Macbook Pro 13.3 绯荤粺鐗堟湰锛...
绛旓細鍘熷瀷鍥炬槸浜у搧璁捐杩囩▼涓潪甯搁噸瑕佺殑涓姝銆傞氳繃缁樺埗鍘熷瀷鍥撅紝浜у搧璁捐鍥㈤槦鍙互棰勫厛妫楠屽拰璋冩暣浜у搧鐨勫姛鑳藉拰鐢ㄦ埛鐣岄潰锛屽噺灏戝紑鍙戣繃绋嬩腑鐨勮皟鏁村拰淇敼锛岄檷浣庢垚鏈拰椋庨櫓銆傛澶栵紝鍘熷瀷鍥捐繕鑳藉甯姪璁捐鍥㈤槦蹇熷洖搴旂敤鎴峰弽棣堝苟杩涜蹇熻凯浠ｏ紝浠庤鎻愰珮鐢ㄦ埛浣撻獙鍜屽競鍦虹珵浜夊姏銆傚湪缁樺埗鍘熷瀷鍥剧殑杩囩▼涓紝璁捐鍥㈤槦闇瑕佷笌寮鍙戝拰鐢ㄦ埛...
绛旓細鍘熷瀷鍥璁捐鏄竴绉嶅湪璁捐杩囩▼涓娇鐢ㄧ殑涓绉嶆妧鏈紝瀹冮氬父鏄湪璁捐鐨勬棭鏈熼樁娈典娇鐢ㄣ傚師鍨嬪浘鏄竴涓唬琛ㄤ簡璁捐姒傚康鐨勫彲瑙嗗寲妯″瀷锛屽畠鍏佽鍥㈤槦鎴愬憳锛堝寘鎷璁″笀銆佸紑鍙戜汉鍛樺拰涓氬姟鍒嗘瀽甯堬級瀵硅璁＄殑鍙鎬ц繘琛岃璁哄拰鍙嶉銆傚師鍨嬪浘閫氬父鐢变竴绯诲垪鍥惧儚鍜屽浘琛ㄧ粍鎴愶紝杩欎簺鍥惧儚鍜屽浘琛ㄦ弿杩颁簡浜у搧鐨勫姛鑳姐佺敤鎴鐣岄潰銆佷氦浜掓柟寮忎互鍙婂彲鑳...
绛旓細涓夈浣滅敤涓嶅悓 1銆乁I锛氬湪UI璁捐杩囩▼涓紝闇姹傝璁¤鑹蹭細纭畾杞欢鐨勭洰鏍囩敤鎴凤紝鑾峰彇鏈缁堢敤鎴峰拰鐩存帴鐢ㄦ埛鐨勯渶姹傘傜敤鎴蜂氦浜掕鑰冭檻鍒扮洰鏍囩敤鎴风殑涓嶅悓寮曡捣鐨勪氦浜掕璁￠噸鐐圭殑涓嶅悓銆2銆鍘熷瀷鍥锛氱郴缁熷垎鏋愬憳锛岀敤鏉ヤ簡瑙ｇ敤鎴鐣岄潰濡備綍褰卞搷绯荤粺鍒嗘瀽锛涜璁″憳锛岀敤鏉ヤ簡瑙ｇ敤鎴风晫闈㈠浣曟柦鍔犲奖鍝嶅強瀹冨绯荤粺鈥滃唴閮ㄢ濈殑瑕佹眰銆傚弬鑰冭祫鏂...
绛旓細鍘熷瀷鍥 鈥斺 鍘熷瀷娣诲姞鏇村鐨鐣岄潰缁嗚妭浠ュ強浜や簰锛屽凡鐒舵槸鐩稿綋鐪熷疄鐨勭綉椤佃璁℃ā鍨嬶紝鑳藉杩涜鍒濈暐鐨勪骇鍝佹紨绀哄拰娴嬭瘯銆傝瑙夊浘 鈥斺 鏇磋繘涓姝ヤ赴瀵岃瑙夈佺粏鑺備互鍙婁氦浜掞紝涓庢渶缁堜骇鍝佸崄鍒嗘帴杩戯紝鏂逛究婕旂ず鍜岃凯浠ｃ傚綋鐒讹紝璁捐甯堣璁¤繃绋嬩腑锛屼娇鐢ㄧ殑宸ュ叿涔熶細鏈夋墍涓嶅悓銆備緥濡傦紝绾挎鍥惧拰鍘熷瀷鍥撅紝涓鑸師鍨嬭璁″伐鍏凤紝渚嬪鎽瑰Mock...
绛旓細1銆佽崏鍥 鑽夊浘鎰忔濆氨鏄娇鐢ㄧ瑪鍜岀焊鍘绘墜缁樹骇鍝椤甸潰鐨勮崏鍥撅紝浠ヤ究蹇熺殑鍜屼骇鍝佺粡鐞嗕互鍙婂鎴风瓑杩涜璁ㄨ锛岃繖鏍蜂細浣夸骇鍝佹洿鍏蜂綋鍖栥2銆佷綆淇濈湡鍘熷瀷 浣庝繚鍘熷瀷鍥鎰忔濆氨鏄湪鑽夊浘鐨勫熀纭涓婇氳繃鐢佃剳杞欢鐢辩畝鍗曠殑绾挎鍜屾枃瀛楀幓缁樺埗杩欎釜鐣岄潰锛屽彟澶栬繕瑕佽繘琛屼竴浜涚畝鍗曠殑浜や簰鎿嶄綔锛屼篃灏辨槸鍔ㄦ佽璁★紝杩欐牱...
绛旓細绗簩姝:鍒朵綔缃戦〉鍘熷瀷鍥 杩欐槸涓涓垂鑴戞椿,鐩墠澶у鏁颁汉閮芥槸閲囩敤Axure鐨勮蒋浠跺埗浣,鐢诲師鍨嬪浘闇瑕佸弬鑰冨緢澶氱綉绔欓鏍,閫氳繃涓嶆柇鐨勫熼壌,鎵嶈兘鎬荤粨鑷繁鐨勭綉绔欓鏍笺傜洰鍓嶈璁℃祦琛岀殑鍏冪礌鏄噰鐢ㄥ浘鏍囬厤鏂囧瓧,鐣岄潰鎵佸钩鍖,灏哄鍋氭垚瀹藉睆椋庢牸銆傚湪鍒朵綔鍘熷瀷鍥剧殑杩囩▼涓,鎴戜滑闇瑕佺湅寰堝鐨勭綉绔欓鏍,濡傛灉浣犳槸瑕佸仛澶栬锤缃戠珯,閭ｄ箞浣犻渶瑕佸鎵惧緢澶氬浗澶...
