當前位置:首頁 » 工具五金 » ui標注工具有哪些
擴展閱讀
圓形花盆用什麼工具做 2024-12-23 15:05:54
決策重要信息資源是什麼 2024-12-23 14:40:41

ui標注工具有哪些

發布時間: 2022-02-04 03:50:22

① 網頁UI設計稿里的標注是用什麼軟體標注的

我不知道你用的是什麼軟體,我用sketch的話我都是用measure這個插件去完成我的標注的,然後把桌面打包的文件發給開發,開發這邊用瀏覽器打開,滑鼠放在想要知道尺寸的地方就可以看到尺寸了。干凈,簡潔。

② UI設計稿里的標注是用什麼軟體做的

很多軟體都有標注的功能呀~ 我一般是用摹客,摹客的定稿模式中有很多種類的手動標注。

在開發模式下,標注可以智能生成。並且通過點擊、hover設計圖上的任意元素,還能查看相應標注。自動標注也可以一鍵生成,手動標注可以自由補充。下面我簡單操作一下,希望對你能有幫助~
1.文字標注

當處於定稿模式下,點擊左側的文本標志.可為當前頁面添加文字標注。選中該標注,可以看到撰寫人信息。(註:協同人僅有評論模式和開發模式。)

③ 有沒有好用的UI自動標注工具

我們公司用的摹客iDoc,PS/Sketch / XD的設計稿和Axure的原型圖都支持,上手簡單,沒有什麼學習門檻。標注方式很智能,目前國內的UI插件里好像就只有iDoc是自動標注+手動標注。
自動標註:點擊圖層就能生成標注,還可以轉換成百分比或使用放大鏡。
手動標註:補充文字、坐標、顏色、尺寸、區域標注信息
另外iDoc也支持切換單位和復制標注屬性,而且基礎功能都是免費的,可以試試看。

④ UI標注插件都有哪些

zeplin、Marketch、摹客iDoc。
這幾個是我用過的標注插件,前兩個是國外的,最後一個是國產工具,英語不太好的話可以用iDoc,PS/Sketch / XD都支持。標注的方式是自動+手動,自動標注可以標注百分比、多選標注,還可以一鍵查找相同元素,如果覺得表達不全面,也可以手動修改生成的數據或單獨補充說明。
另外iDoc是在線工具,不佔內存,只用下一個小插件就可以,開發還可以直接復制代碼,和標注屬性,很方便。
個人覺得這個產品做得還是不錯的,值得體驗。

⑤ UI標注工具都有哪些

我之前用的zeplin還挺好用的,不過本人英語不太好,就改用了國產插件——摹客iDoc,總體來說我的需求都能滿足,而且標注方式很智能,自動標注的信息可以快速切換為百分比,還可以用手動補充工具快速標注文字、坐標、顏色、尺寸、區域。

還有幾個實用的功能,比如:

  1. 自動生成顏色和字體規范,還可以直接復制CSS代碼,開發小哥哥應該比較喜歡。

  2. 標記圖層,下載圖層數據,可以快速還原設計稿。

  3. 快速切換不同平台的標注單位。

目前我經常用到的功能就這些,如果有人探索到別的實用功能記得留言告訴我~

⑥ 有沒有免費好用的UI標注工具

最好的UI設計工具可以適應幾乎所有設計過程,並有望滿足您的創意需求。現在是探索新工具並查看可用於設計和展示項目的好時機。但是,既然有這么多的UI設計工具,那麼應該使用哪些工具?在過去的幾年中,Sketch和InVision的組合一直是許多設計師的流行選擇,但其他工具卻提供了具有競爭力的功能和選項。從來沒有比以前更好的原型設計和線框工具選擇了,所以我們認為現在是仔細研究一些最佳工具的好時機。

有關更多常規工具,請參見我們的Web設計工具綜述。

一、線框

01. 模擬流


Fluid出色而直觀,並具有一些出色的UI資產

Fluid是構建快速原型和進行設計的直觀工具。它開箱即用地打包了一些不錯的資產,使您可以快速使用原型,並且在升級後,可以輕松地將自己的符號與首選的UI資產組合在一起。

20.主題演講

除了用作創建演示文稿的好工具之外,Keynote(尤其是它的Magic Move過渡)也是快速為設計動畫化和傳達想法的方法之一。

三、其他UI設計工具

21.黃金比例排版計算器

決定航向大小嗎?該GRT計算器使用的黃金比例的科學產生的是可以在你的界面設計中使用的排版比例。

22.齊普林

Zeplin不一定是原型製作工具,但它非常適合與原型製作一起進行的後期設計和預開發階段。它使您能夠採用您的設計和原型,將其移交給開發人員,並確保您的想法得到了很好的執行。您可以將Sketch,Photoshop,XD和Figma文件上載到Zeplin,這將為開發人員和設計人員創建一個移交項目的環境,而無需進行繁瑣的創建准則的工作。但是,值得確保首先需要它。

⑦ 國內有沒有好用的UI設計標注工具

說下目前市面上的一些標注工具的優缺點好壞:

PxCook:(我的評價:4.5星)

先說我用過還不錯的標注工具,也是我目前在用的工具。操作形式和MarkMan有些許相似,不過交互體驗上高出了一個檔次。主要表現在支持智能的拖放標注,移動設備單位切換等方面上。並且它是為數不多的PS和Sketch都支持的標注工具。

優點:

成熟:跨平台——支持Windows和Mac

成熟2:支持PS和Sketch。

交互特別智能,也方便,一拖一放就標注完了。

相當需要說的一點:對於PSD文件或者Sketch進行了修改之後,PxCook里的標注會自動進行更新,免除了手動操作的過程。這是後面很多軟體沒有的。

支持移動設備的多單位切換。

對於應用了圖層樣式的圖層而言,它會忽略圖層樣式的尺寸,比較符合我們開發人員思路。

對於應用了顏色疊加的文本,標注時候,顏色值首先是正確的。

對於應用了顏色疊加,同時嵌套了組也對組應用了顏色疊加的文本標注顏色值也是正確的,以上兩點很重要,因為我發現很多設計師喜歡通過這種方式來修改文本顏色。

缺點:

不能支持多個文件同時進行標注。

對於圖層樣式等信息,不能進行詳細查看。

價格:免費

點擊這里和UI設計

Assistor PS:(我的評價:3星)

韓國推出的一款綜合類設計輔助工具。其中也提供了標注功能。其流程為通過控制PS進行標注,類似於插件但並非插件。可謂開創了自動標注的先河,基本操作就是通過先選中圖層,然後在插件面板中點擊生成標注,標注會以一個新的圖層的方式存在在你的設計稿中。只不過該軟體已許久不再更新和維護了。
點擊這里和UI設計小夥伴尋找更合適的標注工具

優點:

較為智能,不用手動去對像素了。

支持字體等標注,以及支持基本的顏色疊加識別。

支持Windows和Mac。

l 缺點:

僅支持PS。

對標注圖層的設定有些欠妥:生成的標注是單獨的圖層,管理起來不方便;可以對同一個圖層點擊多次標注,這樣就創建了多個相同的標注圖層……

不能同步更改,如果設計稿改了,那標注改起來很不方便,先要找到對應的標注圖層刪掉,然後再重新標注。

速度慢(運算速度),比如我點一下標注,在PS里需要算幾秒才能標出一個距離。

會把圖層的效果(比如投影等)也算到尺寸里?!在大多數情景下感覺似乎不太符合開發人員的思路。

對於帶有混合模式以及透明度的顏色疊加的文本進行標注時,顏色值取值不正確。最終結果應該是黑色,但是標注結果卻是紅色。

對於嵌套了組,同時對組也應用了顏色疊加之後,的文本標注取值也不對。最終結果應該是綠色,標注結果也變成了紅色。

價格:由於公司被收購,從100usd/年變免費。

標你妹啊:(我的評價:3.5星)

這是一款在線的非標注工具,更適合開發人員,可以及時動態看到設計稿的相關標注信息,只需要把PSD上傳上去即可,它會在伺服器上去分析你的PSD然後提供和標注相關的數據。

優點:

交互方式更加流暢和直觀,操作響應程度很快。

對於移動單位標注的切換更加直觀和方便。

對於應用了圖層樣式的圖層而言,它會忽略圖層樣式的尺寸,比較符合開發人員思路。

缺點:

安全的擔心:需要上傳PSD文件,對於一部分人和公司,文件的保密性可能是不能逾越的鴻溝,同時對PSD文件體積有限制。

只支持PSD文件。

上傳受到網速限制,那些大文件真是要很久啊,不太符合國情。

有bug:對於一部分psd文件無法正常解析。

對於進行了顏色疊加的文本,得到的顏色值是錯誤的。

外面如果再嵌套了一個組,得到的顏色就錯的更加離譜了。

價格:免費

MarkMan:(我的評價2.5星)

MarkMan是我最早接觸過的標注工具,那時候標注需要的不多,作為一個可以為所有圖片格式提供通用標注的軟體來講,MarkMan是個不錯的選擇,早期版本中是不支持移動端單位的,不過大概在幾年前吧,他們加入了單位切換。問題在於,交互。他們後來加入的所有功能都放在了右鍵菜單里,用起來並不是那麼方便,不過作為元老級產品,MarkMan是很贊的。直到他們把免費版變為了收費版後,就沒見他們怎麼更新過了。

優點:

入場比較早,做得比較早

為常見圖片格式提供通用基本的標注,滿足基本需求

缺點:

標注方式不智能,只能說是滿足基本需求

部分功能(比如單位切換)在右鍵菜單里,很不方便,交互不夠簡潔明了。

價格:60rmb每年

Dorado:(我的評價:2星)

Dorado是後來騰訊出的一個標注工具,這個應該是繼MarkMan之後一個同樣在當時比較方便的標注工具了,好像和MarkMan之間有一段小風波。不過我們不討論它,單純客觀來評價這個軟體。他基本功能和MarkMan差不多,但是他的體積非常的小。

優點:

為常見圖片格式提供通用基本的標注,滿足基本需求

體積小巧,只有幾百K,而且是綠色的不用安裝。

支持的圖像格式更多。

缺點:

只有Windows版本,沒有Mac版本。

還是標注方式不夠智能,僅滿足基本需求

價格:免費

Parker:(我的評價:2.星)

Parker是以插件形式進行輔助標注的工具。支持PS和Sketch,要分別為兩個工具去單獨安裝插件Parker插件。基本操作與Assistor PS特別像,甚至連一些Bug和處理也一樣[Microsof1] ,詳見如下文中提到的缺點。

優點:

滿足基本標注需求。

較為智能,不用手動去對像素了。

支持字體等標注,以及支持基本的顏色疊加識別。

缺點:

生成的標注是單獨的圖層,管理起來並不方便,並且可以對同一個圖層點擊多次標注,這樣就創建了多個相同的標注圖層。

如果設計稿修改了,那標注修改起來不方便,先要找到對應的標注圖層刪掉,然後再重新標注。

運算速度較慢,比如點一下標注,在PS里需要算幾秒才能標出一個尺寸。

會把圖層的效果(比如投影等)也算到尺寸里,感覺不太符合大多數開發情景。

對於這種帶有混合模式以及透明度的顏色疊加的文本進行標注時,顏色值取值不正確。最終結果應該是黑色,但是標注結果卻是紅色。

對於嵌套了組,同時對組也應用了顏色疊加之後,的文本標注取值也不對。最終結果應該是綠色,標注結果也變成了紅色。

價格:60rmb一次性付費。

以上就是龐姿姿的回答,希望對你有所幫助。

⑧ AI有什麼好用的UI標注工具嗎

PxCook:(我的評價:4.5星)

先說我用過還不錯的標注工具,也是我目前在用的工具。操作形式和MarkMan有些許相似,不過交互體驗上高出了一個檔次。主要表現在支持智能的拖放標注,移動設備單位切換等方面上。並且它是為數不多的PS和Sketch都支持的標注工具。

(所有的對比中,我都盡可能使用同樣的圖來說明效果。)

優點:

  • 成熟:跨平台——支持Windows和Mac

  • 成熟2:支持PS和Sketch。

  • 交互特別智能,也方便,一拖一放就標注完了。

  • 相當需要說的一點:對於PSD文件或者Sketch進行了修改之後,PxCook里的標注會自動進行更新,免除了手動操作的過程。這是後面很多軟體沒有的。

  • 支持移動設備的多單位切換。

  • 對於應用了圖層樣式的圖層而言,它會忽略圖層樣式的尺寸,比較符合我們開發人員思路。

    對於應用了顏色疊加的文本,標注時候,顏色值首先是正確的。

    對於應用了顏色疊加,同時嵌套了組也對組應用了顏色疊加的文本標注顏色值也是正確的,以上兩點很重要,因為我發現很多設計師喜歡通過這種方式來修改文本顏色。

    缺點:

  • 不能支持多個文件同時進行標注。

  • 對於圖層樣式等信息,不能進行詳細查看。

  • 價格:

    免費

    Assistor PS:(我的評價:3星)

    韓國推出的一款綜合類設計輔助工具。其中也提供了標注功能。其流程為通過控制PS進行標注,類似於插件但並非插件。可謂開創了自動標注的先河,基本操作就是通過先選中圖層,然後在插件面板中點擊生成標注,標注會以一個新的圖層的方式存在在你的設計稿中。只不過該軟體已許久不在更新和維護了。

⑨ 有哪些好用的UI標注工具

「藍湖」就挺不錯的,支持自動標注、切圖,不用下載。

⑩ 好用的UI設計工具有哪些求高手推薦

按UI的工作流程推薦一波:
一、項目前期准備:流程圖工具-Visio
在正式進行UI界面設計之前,UI設計師需要對產品整體的流程進行思考。此階段可以使用流程圖軟體Visio或XMind對需求的流程進行梳理,這會給後期的溝通減少很多不必要的麻煩。
二、原型設計工具-Mockplus

相比老牌原型工具Axure,Mockplus是一款簡單、便捷的國產原型工具,可以快速將你的想法以線框圖形式展現出來。軟體內封裝好了常用的一些組件及素材圖標,拖出即可用,非常方便。同時Mockplus也支持多人協作設計 。
三、矢量繪圖工具-AI

AI是目前最強大的矢量圖繪制工具之一,主要應用於印刷出版、海報排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等。支持任意形狀漸變、全局編輯、自定義工具欄、裁切視圖、內容識別裁剪等特色功能,非常實用。
四、劃參考線工具-GuideGuide
GuideGuide是一款可以應用於PS、AI、Sketch及XD裡面的劃參考線插件,安裝非常方便。此外,它支持一鍵生成參考線,也可針對畫布或者自定義選區新建參考線等。
五、UI界面設計工具-Sketch
Sketch可以說是一款專為UI設計師而生的矢量繪圖工具。相對於PS,SKetch定位更加精準,操作更簡單及輕量化。「設計,修改、演示」的一站式功能,可以幫助UI設計師快速完成界面設計,元素批量修改及快速演示等。但是目前只支持在Mac上使用。當然,沒有Mac的,也可以用PS或XD進行界面設計。
六、配色工具- Material Design Color
對於UI設計師來說,配色是極其重要的一個環節,有人稱之謂「成也配色,敗也配色」也不為過。一個好的UI配色可以起到諸多作用,如:顯示界面整體架構、明確層級關系及提升轉化率等等。其重要性可見一斑。而配色一直是讓UI設計師非常頭疼的,對於新手小白更是如此。當然,有了配色工具-Material Design Color,這些問題都不用愁。其操作非常簡單,便捷,靈活。
七、標注、切圖、高保真原型工具-摹客iDoc
UI設計師做好界面設計後,就到了最讓人惱火的環節了-如何將自己的設計稿快速交付(標注、切圖、高保真原型等)給前端開發?用摹客iDoc的插件,就能輕松標注和切圖,幫助設計師快速完成交付。支持sketch、PS、XD的設計稿和Axure、Mockplus的原型圖。
八、圓角工具-Corner Editor
這是一款在PS上運行的插件-圓角工具。與PS裡面的自帶圓角編輯功能相比,Corner Editor操作起來更加簡單便捷。除了可以單獨設置圓角大小外,就算元素變形了,一樣可以進行圓角處理。
以上是我的推薦,望採納~