国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

這會(huì)可以不用慌張，我們先給自己一天或者半天時(shí)間去了解它，最快捷的辦法是開(kāi)動(dòng)大家的腦洞，然后再用自己的腦洞想辦法，三個(gè)臭皮匠頂一個(gè)諸葛亮，聯(lián) 系你認(rèn)識(shí)的設(shè)計(jì)群體人脈，詢問(wèn)做過(guò)類似項(xiàng)目的設(shè)計(jì)師，最后總會(huì)有驚喜的收獲。記得羅胖講過(guò)，在這個(gè)時(shí)代，我們應(yīng)該善于運(yùn)用我的網(wǎng)狀關(guān)系鏈，我就是從朋友那 里在短短的一個(gè)小時(shí)之內(nèi)了解了手表項(xiàng)目的大概（雖然人家并不是做的蘋(píng)果手表），他大致陳述了一下手表的特性還給我?guī)讉€(gè)手表相關(guān)的網(wǎng)站進(jìn)行瀏覽。給我的網(wǎng)站 可以推薦給你們，這里當(dāng)然包括蘋(píng)果官網(wǎng)，你可以在蘋(píng)果官網(wǎng)上看到成熟的上線產(chǎn)品的模樣，另外一個(gè)網(wǎng)站相對(duì)概念，可以參考一些簡(jiǎn)單的操作動(dòng)效。

1. http://www.apple.com/Watch/apps/
2. http://watchaware.com/watch-apps

面對(duì)一個(gè)不熟悉的產(chǎn)品產(chǎn)品我們可以從產(chǎn)品的規(guī)范還有簡(jiǎn)單了解它的交互結(jié)構(gòu)開(kāi)始。

1、規(guī)范

尺寸：蘋(píng)果手表的設(shè)計(jì)尺寸分為兩個(gè)，分別是38mm：272*340 和42mm：312*390像素。

字體：蘋(píng)果手表用的是默認(rèn)的洛杉磯字體。

字體用色技巧：用鮮亮的顏色，輔助的灰色文字不能太暗，要不會(huì)看不清。

首先是找到蘋(píng)果手表的規(guī)范圖，這個(gè)圖看似很難懂，但是沒(méi)有關(guān)系，在實(shí)際操作遇到了問(wèn)題以后，這些規(guī)范圖的解讀就迎刃而解了。不明白的時(shí)候可以多問(wèn)前端這些圖是怎么解讀的。

不同的設(shè)備都是有不同的屬性，比如網(wǎng)頁(yè)端還有手機(jī)端就會(huì)有不同的限制性，手表的規(guī)范限制性很多，比如它在某些頁(yè)面是分塊組合的，所以不能用一張完整 的背景圖給它做背景填充，以下是我一開(kāi)始做的設(shè)計(jì)初稿，我做了一個(gè)圓形的進(jìn)度條……但前端卻告訴我不能實(shí)現(xiàn)，原因是進(jìn)度條太大了，再參考上面的規(guī)范圖，原 來(lái)我的進(jìn)度條只能放在標(biāo)紅色的區(qū)域內(nèi)設(shè)計(jì)，所以進(jìn)度條要做得很小，但是這樣的話，進(jìn)度條里面的關(guān)于飛機(jī)的到達(dá)時(shí)間之類的文字信息就沒(méi)地方放了，所以我們可 以針對(duì)這個(gè)問(wèn)題來(lái)解讀上面的規(guī)范。

以下是上圖適用的規(guī)范結(jié)構(gòu)……因?yàn)橐?guī)范的限制，像設(shè)計(jì)師鐘愛(ài)的這類能高表現(xiàn)的進(jìn)度條樣式可能就要放棄了，具體情況還是根據(jù)不同產(chǎn)品的內(nèi)容特性來(lái)定，蘋(píng)果手表能常見(jiàn)進(jìn)度條樣式的主要還是出現(xiàn)在運(yùn)動(dòng)類，健康類APP為主。

白色為文字區(qū)塊，紅色區(qū)域可以放圖片類的素材，基本分為上下結(jié)構(gòu)，設(shè)計(jì)的時(shí)候找到適合你設(shè)計(jì)的結(jié)構(gòu)圖按照規(guī)范設(shè)計(jì)就可以了。

以下圖片要注意的地方是右上角紅色的區(qū)域塊，文字不管如何的排版，你都要給這個(gè)區(qū)域塊留位置，這是一個(gè)固定放loading的地方，文字可以空出這個(gè)區(qū)域的高度，也可以在末尾端留出一定的位置。

下圖是我針對(duì)上圖做的效果圖，我直接空了紅色區(qū)域的高度來(lái)迎合。

作為蘋(píng)果手表的特性，我們盡量少用色塊或者圖片來(lái)局限你的界面大小，因?yàn)槭直沓斯潭ǖ脑O(shè)計(jì)大小以外，它的外部還包含著黑色，只要不運(yùn)用局限性塊面來(lái)局限它，這些外部的黑色背景就自然而然的融入到你的畫(huà)面當(dāng)中，這樣看起來(lái)你的界面會(huì)顯得更延展更大氣……

再次強(qiáng)調(diào)蘋(píng)果手表是黑色背景，在用色技巧這塊，大多數(shù)APP會(huì)運(yùn)用高飽和鮮亮的顏色，這樣不僅僅視覺(jué)上好看，并且用戶在遠(yuǎn)距離的情況下也能看清楚屏幕上的內(nèi)容，以下是部分APP的視覺(jué)截圖……

2、簡(jiǎn)單的交互動(dòng)作

iPhone Watch主要分為三大板塊，分別是APP，notification，glance。

APP：就是我們手機(jī)端的首頁(yè)，它可以通過(guò)手表的首頁(yè)圖標(biāo)點(diǎn)擊進(jìn)入，也可以通過(guò)notification點(diǎn)擊進(jìn)入。

notification：是一種提醒功能，比如我的飛機(jī)過(guò)幾天要起飛了，它會(huì)出現(xiàn)在notification里面，并且各個(gè)APP的提醒是平行的，向左滑動(dòng)可以瀏覽到所有重要的提醒。

glance：它算是一種緊急的推送，如我的飛機(jī)還有一個(gè)小時(shí)就起飛了，它會(huì)彈出在頁(yè)面，點(diǎn)擊它就能看見(jiàn)內(nèi)容詳情。

3、如何和前端高效合作

由于iPhone Watch的界面較少，因?yàn)樗闹饕δ苓€是作為提醒的作用，它的頁(yè)面不會(huì)像手機(jī)端出現(xiàn)那么多界面。所以提供給大家一個(gè)個(gè)人覺(jué)得非常高效的開(kāi)發(fā)手段，等前 端把所有結(jié)構(gòu)都做出來(lái)進(jìn)入視覺(jué)調(diào)整的時(shí)候，你可以花一到兩個(gè)晚上陪他加班進(jìn)行視覺(jué)調(diào)整和適配，要是你還是個(gè)可愛(ài)顏值高的妹子這個(gè)事情會(huì)更加順利，你可以在 前端身邊運(yùn)用你的像素眼來(lái)目測(cè)調(diào)節(jié)內(nèi)容的排布，這樣比前端按你的標(biāo)注來(lái)做要高效幾倍，畢竟能省去他發(fā)給你有差距的圖，你來(lái)回和他溝通的時(shí)間。一氣呵成，前 端也會(huì)非常樂(lè)意。

適配的技巧還是先調(diào)整小界面再適配大界面。要是有時(shí)間的話，單獨(dú)開(kāi)發(fā)尺寸比適配尺寸做出來(lái)要更精細(xì)一些，但是會(huì)加大開(kāi)發(fā)的工作量……

4、全局思考

設(shè)計(jì)前最好把交互稿牢記于心，對(duì)全局有個(gè)把控性，優(yōu)先做幾個(gè)重要的界面進(jìn)行風(fēng)格設(shè)定，然后再進(jìn)行顏色，字體，控件的整體統(tǒng)一，建議設(shè)計(jì)的過(guò)程中自己整理一下交互稿，可以畫(huà)一個(gè)流程圖。這樣可以避免風(fēng)格不統(tǒng)一的問(wèn)題出現(xiàn)……

原文來(lái)自：優(yōu)設(shè)