android切圖工具

① 如何高效地輸出iOS和android標注和切圖

搞移動開發業有些日子了。美工那邊切圖，一般都只切大圖，那些小圖都需要自己來弄。於是自己就寫了個小工具。用於一鍵生成所需要的圖片。

首先是Android的切圖生成工具。

桌面上有這樣一張圖片

② photoshop cc怎麼切圖給androidstudio

用photoshop cc打開圖片，復制圖層，點擊切片工具，右鍵點擊圖片，設置切片數，確定，文件--存儲為web格式，存儲。OK！

③ UI設計師如何進行切圖

切圖是設計師交付給開發的產物之一，設計稿完成後，設計師需要將其切成便於製作成頁面的圖片。設計師切圖時就需要用到切圖工具，比如摹客，可以自動切圖（支持Sketch、Adobe XD、PS的設計稿），設計師只需在設計稿上進行切圖標記，上傳至摹客即可，無需手動，開發可以自主下載和使用。

如何切圖？其實很簡單：（以PS切圖為例）

Step 1.安裝並打開插件
插件安裝好後打開PS，在「窗口>擴展功能」找到摹客 插件，選擇並打開。使用摹客平台賬號登錄。
Step 2.標記切圖
在完成的設計稿上，選中需要切圖的圖層或編組，點擊「標記切圖」。將在名稱前增加「-e-」，「標記切圖」變為「取消切圖標記」，則標記切圖完成。
Step 3.上傳至摹客
標記切圖後，一鍵將設計稿上傳至雲端項目中，開發工程師就可以自主下載切圖，只需在右側面板中選中切圖，點擊即可下載。

除了自動切圖，還有更多亮點功能：
1. 切圖壓縮：在右側面板中選中切圖
2. 切換平台和選擇倍率：iOS、Android、Web
3. 下載選中切圖，一步到位。

摹客還支持Sketch、Adobe XD的自動切圖，下載插件即可：
下載地址：
摹客：https://www.mockplus.cn/download/idoc-ps/?hmsr=
Sketch：https://www.mockplus.cn/download/idoc-sketch
adobe XD：https://www.mockplus.cn/download/idoc-xd

④ 問一下，ui設計切圖時切幾套(ios android)

常常會聽到這么一些忠告「多看 多想 多做」，這個我也很贊同，也是我經常會告訴新手的。 在我還是新人的時候，我更想得到 咋看 咋想 咋做的方法，那麼我就憑自己多年的設計經驗，講解給大家聽，希望能幫助到一部分迷茫的人。 你有沒有發現一個問題，每天都在看各種設計作品，真到自己做的時候，一下子全都忘記了，腦子短路了。之前看到那麼多好的設計作品也都白看了，人家的還是人家的，跟你半毛錢的關系也沒有。有沒有這種感覺~？ 所以今天要講的是個人的一些經驗，希望看過這篇文章的同學，看完之後有種豁然開朗的感受，找到學習方法或是解開多年心結。 強烈建議大家先准備一個小本子 問：干什麼用了？ 答：記錄你每天學會的知識點。也可以理解為學習日記。 看到了什麼好設計畫一畫。 想到了什麼好點子，寫一寫。 做會了什麼或是想要學點什麼，都記錄下來。 如果你保證每天學會5個知識點，一個月就是5*30=150，一年就是12*150=1800（這是保守的演算法，不要糾結一個月是31天還是30天，不是重點） UI設計要學的真的太多了，膽小懶惰 勿入，這是個坑~！~ 問：5個知識點？我不知道要學什麼？ 答：你現在缺什麼，你想學什麼，工作中要用到的，或是找工作的時候，用人單位寫的招聘要求，你看看你都有哪些不會的，這些都是可以學習的知識點和學習的方向。小到一像素的投影，一像素的高光，虛線做法，這些都是要學習的知識點。 具體一點來說的話： UI是什麼？（這個弄清楚了，也是一個進步） IOS的圖標是多大的，我做多少像素的圓角了？ 字體是做多大了？有沒有想規范了？ 按鈕要做多大了才好點擊了？ 各個欄目的高度，間距又是多大比較合適了？ 常聽到的點9是什麼東東？ 切圖是什麼意思？如何去切了？ 布爾運算是什麼玩意？ PS形狀工具怎麼用？ 移動端的ui規範文檔 圖層樣式怎麼用？ 疊加，柔光是什麼意思? PS CC 安裝好了先設置什麼，才好用？ 紅色 橙色 黃色 綠色 青色 藍色 紫色 黑色 白色 灰色 這些你都知道怎麼搭配好看嗎？（這些就夠你研究很久了吧） 當然還有很多疑問，很多很多知識點，多看看上面這3篇文章。我這里就不說了。 之前開玩笑說，到新手區住上半年就什麼都會了。半年的時間是有點長，但是要學的知識確實有這么多。每天都來學的話，半年還不一定你能學會了。所以要講究方法。 要學什麼，這個還是要從自己的實際情況出發，學以致用，是我們一直牢記在心的真理。 很多新人什麼都想學，什麼PS AI Flash Dreamweaver AE Axure ,這么多你要到什麼時候才是個頭啊，Tiger做了10年設計了，都不敢說這些都精通。 對於新人，還是老老實實的把Photoshop學扎實了再說吧。其它的再根據需要，一點點的積累。 量變達到質變的道理，相信大家都明白。但是堅持半年的話，你做的到嗎？如果你覺得你可以，請到下面留言，我會監督你的~！。 2 咋看設計（如何找靈感） 這個怎麼看設計，也就是培養審美的能力，首先你要知道什麼好看，什麼不好看。當你排斥那些不好看的設計的時候，你的品味就自然上升了。 再就是要知道去什麼網站上看設計作品。看到不錯的設計要採集下來。 花瓣 zcool UI中國 behance dribbble pinterest deviantart APP截圖欣賞站 這里主要說說如何找靈感，當你接到一個設計任務的時候，該如何去快速的執行，快速找到靈感。 平時的素材採集和分類至關重要。在看看我的整理。 設計師的素材資源庫，就是你的財富，只有自己整理出來的才有價值。關鍵是你要記得東西放在哪裡了，不要用的時候找不到了~！ 3 咋想（如何去思考） 主要是分析你覺得好的設計作品： 是配色上吸引了你？為什麼這2個顏色搭配起來這么舒服了，我要趕緊截屏到PS里吸取它的顏色看看，整理到一個色彩搭配素材庫里，下次我也這么干。 還是版式設計吸引眼球？哇塞，這個圓形碉堡了，想法太好了。膜拜啊~！~趕緊保存下來 某一句廣告語言打動了你，讓你記憶猶新？看看人家的廣告語多好，下次要記得說服公司的策劃人員給點有個性的能打動人心的標題文案。 細節處理的很有新意嗎？我擦，這個按鈕的高光做的太好了，這是怎麼做到的啊，我要好好研究下。找幾個人討論下，到群里問問大家。 背景烘托的很有檔次嗎？這飄落的綠葉和花瓣是怎麼做的，是用的素材還是自己畫的，這素材哪裡有，我去找找看。 字體變形，字體排版上很牛？太美妙了，想法太好了，圖形切割的也很有美感，趕緊收藏了。 為什麼排版上看著很舒服了？我要好好看看，肯定有規律可循，顏色，間距，構圖，字體，能想到的都想想 大腿都拍紫了也說不上來，就是感覺好~！我的大腿啊~都青了！555然後在換位思考一下，如果讓你來，你會如何設計了，它的設計手法和細節的處理，你會不會？創意想法上有沒有給你帶來些什麼靈感了~ END 方法/步驟2 1 咋做（如何去設計或是練習） 項目中鍛煉是最快的提升的方法 臨摹一些優秀的界面或是圖標 參加一些比賽 做點私活 有問題先自行搜索解決方法，實在搞不定了就問，如果是通過自己努力找到解決答案的話，會牢記在心，一輩子都不會忘記，學的會非常的扎實。 幫助別人解答問題，也是一個快速提高的方法，既幫助了他人，也讓自己的知識累積的更加穩固。 希望大家都能參與進來，一些探討，互相點評作業，會挑毛病也是一種學習的方法，說明你看的到問題所在。 當然有人給你的作業找出了錯誤或是建議，你應該很高興，只有發現了自己的問題或是不足，才會提高，最怕的就是不知道自己的東西哪裡有問題。 希望看過這篇文章的同學都能有所收獲，我這一天的時間也花的值得

⑤ android 使用UI 的切圖時，感覺圖片很小的問題

有些手機的解析度高有些低，是會顯示有差距的，你可以進行放大

⑥ android UI切圖方法

不用啦...系統會自動根據你的解析度（具體是當前的密度）給你縮放的。
你可以在800x480下隨便切個圖，在320x480下看看效果。
一般我們做適配只要能過眼就ok，只有少量的圖需要切2~3套而已。

⑦ android怎麼對psd切圖

PSD如何切圖？ 一：切圖一般保存gif格式，顏色選128就可以了。 下面是某網站切圖中出現的問題，希望對大家有用。 問題一：切圖 1． 圖片命名：要用有意義的英文命名。 2． 切圖只是為了排版，，要考慮到易用性，格式一樣的版式，要保持那一板的圖片寬度，高度一致。 3． 在切圖里要保持圖片的完整性，這是首先要做到的。 4。對於網站上大部分圖片，要考慮到網站以後的更新，所以你要切圖里就不 應該把邊框切下來，邊框是可以用代碼來實現的 5． 其實一張PS圖紙，真正在布局時能夠用得上的很少，圖片可以更新， 只起佔位符的作用，圖片文件夾里的圖片一定都是有用的。 6 .表格，邊框分隔符可以 用代碼實現效果。 7.要保證頁面的美觀有很多方面，但其一是圖片，在切片時不要的堅絕不要，但需要的 一定要留著。 8. 瀏覽器是一個表格一個表格下載網頁的，在切片時要注意這點，以免有些 東西無法下載時，網站殘缺太嚴重。 問題二：代碼 1． 整個布局運用table，這個在瀏覽器的兼容性上非常好，但是更新麻煩， 頁面很大，下載很慢，並且蜘蛛在爬行時，只提取有用的文字、鏈接信息。大量的table,tr,td是沒有用的，現在比較流行div+css，就實現了代碼與內容的分離，而且好多效果只需一句代碼就可以實現，並且可以全站大量重復利用。 2． 在網站的整體布局時，層次一定要清晰。自己看舒服，更新也簡單。 3． 在搜索引擎優好的角度來看，是應該定義單元格的高度，寬度，此時就 可以省掉圖片的寬度的高度。 4． 在設置字體時，要注意是不是別人的瀏覽器里也有這樣的字體，當沒有 時，就會使用系統默認的字體，這樣可能就太變形了。 5.排版時，對於標題，要用系統自帶的h1---h6，還有b,u 索引擎優化的角度來說的，同理還有代碼的最優化，圖片的最小化，結構的最簡化。對於第一點，就是眾觀全局，找出相同點，同樣的代碼多次利用，有一個技巧：就是多用class，而不是id，就是這個原理。對於第二點就是盡量少的運用圖片，能用代碼，顏色實現的效果就不要用圖片，但是一定要用圖片時就不要節約了，對於第三點，這從設計圖紙時就要考慮進去了，最後在排版時就看技術人員的整體定位了，先大局，後從上到下，從左到右。 6．對於整體布局，最上面沒有置頂，解決方法: body{margin:0px}margin:0px，這個對於table，ul.form很有用處，其他的好像在沒有設置值時都沒有多大用處，我以前總是習慣性地都寫上，其時沒有多大用處。 7． 瀏覽器的兼容性上，如果是table布局的話，這個在各個瀏覽器上都基 本沒有什麼大問題，但是在很多細節上firefox和ie處理的很不一樣，這就需要在布局時注意的，如果是div+css布局，就不一樣了，這里舉一例：文字本身大小不兼容，同樣是宋體14px的字體，在ie下是16px，下留白3px;在firefox中實際占高17px，上留白1px,下留白3px;，解決方法是定義行高 8． 對於兼容性，還有很多方面，就算是ie6/ie7/ie8之間都有很多不同之 處，你只有先了解這些不同之處，才可以在寫代碼時避免，或出現問題後具體問題具體解決。

⑧ 設計師給了切圖標注，Android開發到底要怎麼做

首先，選擇一款主流機型。
然後，設計師根據該機型的屏幕尺寸設計效果圖，給出px單位的標注。
最後，開發根據該機型，可以算出px與dp的換算方法，根據px單位的標注，設置為dp為單位的標注。
備註：1dp=1dip=1sp，對於一般長寬dp或者dip都可以，sp是字體專用單位，在操作系統中設置大中小號字體後，可以改變sp的顯示大小。

這樣做可以保證在這款機型上，設計師的設計完全表現。對於其他機型，只要尺寸相差不是很大，顯示效果相差不會太大。如果是在手機上設計，在pad上顯示，相差就會比較大了。