sketch手機(jī)預(yù)覽？通過(guò)sketch本身的mirror是難以做到在真實(shí)瀏覽器情景下預(yù)覽設(shè)計(jì)稿的，但是通過(guò)Design Play設(shè)計(jì)稿預(yù)覽就可以，打開(kāi)手機(jī)中的Design Play預(yù)覽稿就可以了。如果需要對(duì)方也查看設(shè)計(jì)稿，把分享發(fā)給對(duì)方就可以實(shí)現(xiàn)同步，那么，sketch手機(jī)預(yù)覽？一起來(lái)了解一下吧。
它是為了顯示真實(shí)尺寸，所以也不能手動(dòng)縮放。解決辦法是找一臺(tái)符合這個(gè)尺寸的手機(jī)，或者是將sketch的畫(huà)布調(diào)整至手機(jī)尺寸。
其實(shí)最早版本的sketch mirror在手機(jī)上預(yù)覽的時(shí)候是可以縮放的。
設(shè)計(jì)師最苦逼的事情莫過(guò)于被折翼的天使指點(diǎn)江山，鑒于此，靜電選擇了離神靈比較近的雍和宮附近上班，以求得到保佑和庇護(hù)。香也上了，頭也磕了，可是效果如何呢?佛祖說(shuō)，要有一顆虔誠(chéng)的心，所以他賜予了我sketch;佛祖說(shuō)，要有敬畏之心，于是Mirror來(lái)了，每天照照鏡子，看到里邊的自己，哇，超帥!瞬間工作動(dòng)力UP有木有? 言歸正傳，看看sketch的絕配，Mirror能給我們帶來(lái)什么驚喜!
這已經(jīng)是靜電的Sketch教室的第五章了，各位做APP設(shè)計(jì)的小伙伴們，一定會(huì)有這樣的需求，就是將自己的設(shè)計(jì)稿導(dǎo)入到自己的手機(jī)中看效果。的確，顯示器顯示效果與手機(jī)顯示效果有本質(zhì)的區(qū)別，分辨率與精度，物理尺寸都不一樣，所以只有在手機(jī)中，才能切切實(shí)實(shí)的感受到做APP感覺(jué). 所以，靜電建議那些初學(xué)APP設(shè)計(jì)或者從網(wǎng)頁(yè)轉(zhuǎn)到APP設(shè)計(jì)的同學(xué)，一定要將設(shè)計(jì)稿在手機(jī)端查看，找感覺(jué)，感覺(jué)到了，以后就可以更方便來(lái)使用電腦來(lái)做APP設(shè)計(jì)稿了.
在移動(dòng)設(shè)備上預(yù)覽設(shè)計(jì)稿的幾種方式
1.如果是安卓手機(jī)，那么使用數(shù)據(jù)線(xiàn)連接電腦，將設(shè)計(jì)稿拷貝到手機(jī)，再使用手機(jī)的圖片查看功能就可以看了。
2.iOS呢，稍微麻煩一點(diǎn)，需要你使用itunes將設(shè)計(jì)稿同步到手機(jī)，然后使用照片功能來(lái)查看。
騰訊isux出品的psPlay只能用于PhotoShop。 使用UI中國(guó)出品的ScreenRunner可以實(shí)現(xiàn)設(shè)計(jì)稿預(yù)覽，但是需要手工把PNG文件拖到窗口，并未有photoshop預(yù)覽方便。
1、把GitHub的SketchPreview壓縮包，打開(kāi)Sketch，選擇Plugins -> Reveal Plugins Folder放入壓縮包。
2、通過(guò)SketchPreview中間件，可以設(shè)置預(yù)覽的倍數(shù)。@2X或者@3X 3、設(shè)置完成，按下?+P即可在IPAD和手機(jī)上預(yù)覽。 TIPS：主機(jī)需要開(kāi)啟Skala preview，才能自動(dòng)配對(duì)成功。
sketch是什么：
Sketch自帶的Mirror可以進(jìn)行預(yù)覽，但是要進(jìn)行收費(fèi)$4.99。 幸運(yùn)的是，Github 上有人為 Sketch 和 Skala 之間加了一個(gè)橋梁：marcisme/sketch-preview · GitHub 使用方法可以參見(jiàn)它readme。
Skala preview 被稱(chēng)作 iOS UI 設(shè)計(jì)師必備，可以非常方便的將在 Mac 上設(shè)計(jì)的效果圖發(fā)到iOS設(shè)備上預(yù)覽。 有OSX，IOS，Android版本。
在Xcode中不應(yīng)指定HeitiSC,而應(yīng)該讓自動(dòng)fallback到語(yǔ)言的默認(rèn)字體上。iOS的默認(rèn)簡(jiǎn)體中文字體的常規(guī)字重是HeitiSCLight,自動(dòng)讓處理，就會(huì)fallback到這個(gè)字體上。若手動(dòng)指定，碰上西文字符，便會(huì)使用華文細(xì)黑/華文黑體
在手機(jī)預(yù)覽Sketch效果圖，操作過(guò)程演示如下：
1、在移動(dòng)端找到mirror。
2、把mirror打開(kāi)。
3、打開(kāi)Sketch點(diǎn)擊mirror就能搜到移動(dòng)端（移動(dòng)端網(wǎng)絡(luò)和PC端的網(wǎng)絡(luò)需在同一網(wǎng)絡(luò)內(nèi)才可）。
4、當(dāng)Sketch中有多個(gè)畫(huà)板時(shí)移動(dòng)端可左右切換預(yù)覽。
sketch是為圖標(biāo)設(shè)計(jì)和界面設(shè)計(jì)而生的，它是一個(gè)有著出色UI的一站式應(yīng)用。圖標(biāo)設(shè)計(jì)更推薦使用Pixso協(xié)同設(shè)計(jì)，Pixso可以多人云端協(xié)作設(shè)計(jì)，實(shí)時(shí)同步字號(hào)、邊框、顏色等各種細(xì)節(jié)。Pixso不僅是一站式產(chǎn)品設(shè)計(jì)協(xié)作，更是一款專(zhuān)業(yè)的UI/UX設(shè)計(jì)。
想要了解更多關(guān)于圖標(biāo)設(shè)計(jì)的相關(guān)信息推薦選擇Pixso協(xié)同設(shè)計(jì)。Pixso自帶組件變體、自動(dòng)布局等專(zhuān)業(yè)設(shè)計(jì)，支持UI/UX設(shè)計(jì)和原型播放，直接拖拽使用自帶的設(shè)計(jì)資源庫(kù)，還可以將項(xiàng)目中常用的圖標(biāo)、自制組件一鍵保存，省去大量重復(fù)勞動(dòng)，形成統(tǒng)一視覺(jué)規(guī)范。Pixso不僅實(shí)現(xiàn)了和Sketch、AdobeXD的無(wú)縫銜接，更基于優(yōu)秀的組件變體、自動(dòng)布局、實(shí)時(shí)協(xié)作等特色功能。
以上就是sketch手機(jī)預(yù)覽的全部?jī)?nèi)容，打開(kāi)Sketch 3 應(yīng)用。編輯好您的iOS設(shè)計(jì)稿，這里只以空白的iPhone6故事板為例。接下來(lái)就可以同步了。在右上方有一個(gè)mirror按鈕，點(diǎn)擊即可在您的iPhone或者iPad上預(yù)覽。6 當(dāng)然，如果連不上。
