無論是新手還是資深的網頁設計師,除了掌握必備技能,選擇一款適合自己的網頁設計軟件也十分重要!使用一款適合自己的網頁設計工具,往往能令工作效率大增。
了解常用的網頁制作軟件及功能是必備之基礎,但是對于初學者來說,往往顯得還不明確,下面macdown小編就為大家介紹幾款網頁設計常用軟件,也是網頁設計必備軟件,希望對想要學習網頁設計的新手提供一些幫助!
必學Photoshop
既然是網頁設計,那么Photoshop自然是必須要學的。用photoshop來完成網站內頁效果圖的制作是非常不錯的。學習Photoshop不是最終目的,其更需要的是:要懂一些視覺層面、設計理論以及交互設計相關的知識,以避免一些常識性錯誤。
強大的ps,不僅網頁設計師喜歡,用它來P圖,這款軟件也深受廣大人群的喜愛。
掌握Dreamweaver軟件
Dreamweaver是目前行業中最優秀的一款網站開發利器,它提供了方便快捷的工具,不僅使得網頁制作過程更加直觀,同時也大大簡化了網頁制作步驟,以快速制作網站雛形、設計、更新和重組網頁。
DW主要用于動態網頁和靜態網頁的開發,網頁代碼編輯和網頁架構設計工具。也是現今網友用得最多的網站設計工具。新版本的dw2020比以往任何版本都更專注、更高效和快速,具備全新代碼編輯器、更直觀的用戶界面和多種增強功能。
精通以上兩款軟件,對于從事網頁設計工作是就已經足夠了。如果需要有更好的提升可學習以下一些軟件。
了解After effect軟件
After Effects用于做一些網頁所需的動畫效果制作,可導出為mp4、swf等多種格式??赡芤灿腥藭氲接肍lash,不過flash已經有些過時,沒必再要學了。
新版本Adobe After Effects 在功能上進行了加強和改進,更添加了許多非常實用的視頻處理功能,包括高級人偶工具、 3D深度效果、撰寫表達式、色彩分級等,讓用戶可以更加輕松高效的進行視頻處理和創作。
了解CorelDRAW 軟件
高級圖形設計軟件,隨時隨地使用您所需的專業矢量插圖、頁面布局、圖片編輯和設計工具,讓工作更便捷高效。
通過Coreldraw的全方位的設計及網頁功能可以融合到用戶現有的設計方案中,靈活性十足。該軟件套裝更為專業設計師 及繪圖愛好者提供簡報、彩頁、手冊、產品包裝、標識、網頁及其它;該軟件提供的智慧型繪圖工具以及新的動態向導可以充分降低用戶的操控難度,允許用戶更加容易精確地創建物體的尺寸和位置,減少點擊步驟,節省設計時間。想要學習網頁制作,CorelDRAW 這款軟件也是有必要了解的哦!
了解Illustrator軟件
作為一款非常好的矢量圖形處理工具,Adobe illustrator主要應用于印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的制作等,也可以為線稿提供較高的精度和控制,適合生產任何小型設計到大型的復雜項目。
新版本增加許多全新的功能,可讓用戶在進行圖像制作和創建時,使得色彩和表現更加豐富和逼真,讓圖像更加吸引人。同理CorelDRAW軟件,想要學習網頁設計,了解一些Adobe illustrator的功能操作也是很有必要的。
了解Sketch軟件
Sketch for mac是一個創新的矢量繪圖軟件,擁有簡約的設計,調色板,面板,菜單,窗口和控件和功能強大的矢量繪圖和文字工具,包含完美的布爾運算,符號,和強大的標尺,參考線和網格;非常適合網頁設計和移動設計者使用。
如果你想做Web/UI設計或ICON設計,你能在Sketch中找到意想不到的驚奇。
]]>輕點鼠標,便可做出LOGO
您的公司/網站需要設計LOGO?
再也不需要大費周張! 試試我們易用的在線設計工具,五分鐘內您可以自助完成! 僅需三步:
1、提供公司名稱及行業
2、從適用您行業的圖標中選中一款
3、調整LOGO樣式、顏色 ,完工
我們的在線標志設計工具可以讓你用不同的圖標,字體和顏色搭配嘗試。
調整滿意后,即可免費下載適用于網站的位圖格式。 您也能夠購買到適用于印刷及VI制作的源文件, 價格遠低于市面上LOGO設計的價格。節約您的節省時間和金錢!
一分鐘生成你想要的LOGO步驟如下:
ps:如要想設計獨一無二的LOGO還是需要,設計師自己用相關輔助工具進行。
]]>首推illustrator軟件,或者CorelDRAW。因為LOGO設計主要涉及到字體、圖形的繪制,所以用矢量繪圖軟件設計效率會更高。
另外,當你用矢量圖軟件完成LOGO圖形設計以后,往往還需要對客戶展示其應用效果,這時候,你通??梢越柚鶳hotoshop軟件來完成效果圖制作。如果你想進行深入學習,在Photoshopvip這個網站上,你能夠看到很多不錯的設計教程。
如果你是設計小白,其實不太推薦上面的ps、ai這些學習成本高的工具,最簡單好用適合小白的軟件就是logo在線設計工具。繞過設計師自己設計,并且能夠做到快速、無門檻、廉價。特別適合要求不高、時間緊急、預算有限或者沒有預算的情況。
下面通過 “Logo神器” 這款logo在線制作工具,來制作一款名為“時節花店”的鮮花品牌Logo。
在線設計logo:https://www.logosc.cn/
打開網站后,點擊「開始智能設計」,填入你的logo品牌名稱就可以進入下一步,根據你輸入的品牌信息,智能分析行業類型屬性,即刻生成上百款logo設計方案。
在智能生成的logo方案中,選擇一款你喜歡的logo設計方案。
網站本身提供了非常多的創意方案,如果你覺得還不夠,也可以編輯融入你的創意,相對于ps,這個工具對小白太友好了,換色、換圖形、字體都非常方便。
在這里,你不用去費心找圖標網站下載圖標,自帶了海量的logo圖標庫,只用搜索關鍵詞,就能夠出現你想要的圖標。
直接點擊名稱,就會跳轉到對應的名稱編輯界面,可以在這里修改名稱以及字體。
在logo名稱界面,點擊「藝術字體」右邊的下拉框,就會出現五類字體選擇,點擊任意一類字體,往右滑動即可看到各種字體實際應用效果。
除了標題外,logo的口號也是可以直接點擊,跳轉到編輯界面修改的。不僅可以修改內容、字體,口號的布局樣式也是可以非常靈活的調整。
當你在編輯logo顏色時,會自動給你豐富的配色方案參考,你可以直接使用。點擊顏色欄,圖標顏色、文字顏色和背景色都可以修改,你可以用色板中的顏色,也可以填寫具體的色值,滿足你豐富的個性化需求。
https://www.logosc.cn/biaozhi/2638744
相對于操作難度大的ps/ai設計軟件來說,Logo神器則是提供一個平衡專業和輕便的設計工具,大幅降低學習成本但依然保持了logo設計領域的專業度,這不僅體現它豐富的logo生產效果上,當用戶完成購買下載時,它直接給到用戶的是一套高專業度和完整度的logo設計方案,包括不同logo格式、不同場景形狀的logo頭像圖標、專業的logo品牌規范、配套的ppt/word模板等等。
Logo設計軟件數不勝數,重要的是適合和高效,專業的設計師建議用ps和ai。如果你是小白,又沒有時間去學習ps這些軟件操作,但是也想嘗試設計一個logo,歡迎點擊了解更多前往體驗。
]]>創建Logo有些時候對于有些人來說可能并不是一件簡單的事情,DesignEvo對于預算有限且缺乏圖形知識的人尤其有用。這個在線Logo制作工具僅需幾個步驟即可創建高質量的Logo。而且自帶了中文網站,非常貼心:
https://www.designevo.com/cn/
DesignEvo的優點:
超過 2,393,968 個企業都使用過在線logo制作工具來創建他們自己的logo
https://cn.onlinelogomaker.com/
優勢:
使用我們的免費logo制作功能,你可以用不到10分鐘的時間創建自己的logo,還可以喝杯咖啡哦。
創建邀請函,廣告展示橫幅,頁眉,商業名片等等,任何你可以想到的,都可以做。
保存你的成果,并且可以無限制下載,直到你對成果滿意。
Logo Crisp是另一個非常不錯的Logo制作網站之一。它提供超過一萬種免費徽標設計,涵蓋幾乎所有業務類別,包括商業,動物,媒體,教育,購物,金融,娛樂,旅行和體育等等。稍微遺憾的是網站不自帶中文,那么對于英文不太好的同學來說,就需要借助瀏覽器自帶的翻譯來使用它了
https://www.logocrisp.com/
優勢:
DesignMantic是一站式圖形設計工具。
https://www.designmantic.com/
優勢:
而我就比較厲害了,我用AI生成logo圖標(人工智能)。哈哈
你們看到的“小威LOGO設計機器人”公眾號頭像圖標,就是用人工智能AI生成的。
說的這么高大上,其實就是一些在線logo圖標生成工具,今天也分享給大家,一起玩耍!
前言:小威使用這個工具為大家生成多樣的原創logo,截圖展示給大家。
小威logo設計工具
這個網站工具使用簡單,連奶奶都會使用,生成的logo圖標風格簡約,很平實的感覺,簡單大方,并且會有一些不錯的創意圖標。
該網站提供在線logo生成工具,你只需要輸入名字,以及標語,會生成超多logo圖標,逼格高,設計感好。
需要手機號登錄,生成的logo付費下載后可找設計師幫你在做更細致的調整。
小威LOGO智能AI設計,30秒在線設計原創LOGO,在這里人人都是設計師,快來戳鏈接體驗:http://t.cn/AiY1WBDF
]]>1、Cool Text
Cool Text是一個免費的Logo生成器,用戶無需設計基礎就可用于網頁設計和其他工作。用戶只需填寫一個表單,就將擁有自己創建的自定義Logo。
2、Hipster Logo Generator
Hipster Logo Generator是由Elijah Zapien推出的一個Logo制作網站。用戶可以在線添加圖像和文本來生成Logo。
3、LogoDesign.org
LogoDesign.org是一個專注于與Logo設計有關的社區博客。網站也提供設計行業新聞,教程,小貼士等內容。
4、Logogenie
Logogenie是一個提供Logo設計,Logo設計工具,在線Logo設計系統的網站。用戶可以在線使用Logo設計工具來創建各種類型的Logo。
5、Ucraft
Ucraft是一個易于使用的網站制作工具,讓用戶可以簡單快速地創建個人網站。
6、Logaster
Logaster是一個專業的在線Logo制作工具和生成器,網站擁有用戶創建的571.0307萬個Logo資源。
7、LogoGarden
LogoGarden是互聯網上領先的免費Logo制造商。用戶可以從數千種品牌符號,字體和布局選項中選擇自己所需元素,之后就可在幾分鐘內創建出Logo。
8、Canva
Canva是一個簡單平面設計軟件。用戶使用其來創建Web,Logo,演示文稿,Facebook封面,傳單,海報,邀請函等。
9、FreeLogoServices
FreeLogoServices是一個擁有1000多種logo樣式的網站。FreeLogoServices擁有超過10萬用戶和專業的logo設計人員。用戶只需三步就可完成Logo設計。
10、Logo Maker
Logomaker是在2004年推出的一個免費在線Logo制作網站。Logo Maker免費版只能在線制作6個Logo,收費版無限制。
11.logofree
logofree是一個在品牌基礎上建立的logo設計網站,你可以在這里定制logo,也可以根據需要申請高級設計師設計。
你用過其中的一些網站嗎?有什么心得想和大家分享嗎?
包裝結構設計最強大的軟件是ArtiosCAD,可以做平面、立體紙盒/箱結構,也可對其進行裝潢和三維轉換,角度折疊,模切版設計等等;Esko-Graphics公司擁有幾十年產品開發經驗及其功能強大系列產品的專業包裝設計軟件與系統的企業,軟件包括DeskPack、PackEdge、Plato和PlatoEdit等,能夠為用戶提供多種解決方案,是市場上最優秀的包裝結構設計軟件,但價格較貴,適合各種專業包裝結構設計。
2D設計
從零開始使用折疊紙盒,瓦楞紙箱和展示架的盒型庫圖書館,只需輸入長寬高等關鍵數據,便可實現盒型及尺寸的自由變換,在幾秒鐘內創建新的設計,大大提高設計盒型的工作效率,減少錯誤。ArtiosCAD擁有強大的變量函數功能,使用簡單的繪圖工具通過StyleMaker工具創建屬于你自己的定制可重建的、參數化的設計。
3D設計
強大的3D設計工具,使彎曲的折線甚至復雜的設計的快速折疊成型。3D立體圖逼真模擬真實情況,幫助設計師及時檢查結構設計,降低出錯概率,同時使客戶隨時了解設計效果,及時提出修改意見,減少實際的打樣次數。可視化的組裝和折疊程序的設計,可以創建3D裝配指引和折疊與組裝動畫電影。在沒有實物的情況下,只需要3D模型文件便可實現對其包裝的結構設計,同時材料庫提供各種選擇,滿足從卡紙,瓦楞紙,到各種泡棉緩沖材料的設計要求。
生產設計
自動拼板功能可以快速計算各種常用的拼板方式,找出經濟高效的方案。刀模創建功能實現了生產中所用到的各種刀模樣式,雅圖提供強大的綜合功能涵蓋了平模,圓模,壓線底模和清廢模的設計。在設計中雅圖不僅能制作各種模板,還可以顯示規則路徑,刀模分離,橋位及連接點等細節。使刀模設計更方便更實用。
智能盒型庫
ArtiosCAD(雅圖)是一款高效的包裝盒設計軟件,它的盒型庫可以在幾秒鐘時間內從標準目錄中生成結構設計圖,其模板包含各類國際通用的瓦楞紙箱設計模板,折疊紙盒及廣告展示架設計的圖形數據庫,如FEFCO, ECMA等。 在標準盒型庫中只需輸入長寬高等關鍵數據,便可實現盒型及尺寸的自由變換,大大提高設計標準盒型的工作效率,減少錯誤。 高級盒型庫則擁有強大的變量函數功能,通過StyleMaker工具可以創建屬于你自己的定制盒型庫。
數據庫和報告單
設計中想要調取以前的文件,您的設計圖紙必須是可查詢的。這就是為什么每一個ArtiosCAD(雅圖)結構設計軟件系統使用關聯數據庫,以便查詢。數據庫瀏覽器幫助設計人員迅速定位文件并共享設計文件信息。而且ArtiosCAD(雅圖)具有強大的報告單編輯功能,報告單中可以設定多個窗口,同時顯示平面圖及3D立體圖,方便其他人查找設計圖紙;用戶還可自定義各項參數,創建適合他們自己的報告單格式。
ImpactCAD是一款英國的軟件,作為世界一流的包裝設計軟件,它在融合了參數化包裝結構設計的理念,3D模擬成型以及拼大版等功能的基礎上,支持大多數激光切割機器,打樣繪圖機器,一般和德國的機器捆綁銷售。
CIMPACK(森帕克)是Cimex Corp美國著名包裝行業的軟件開發公司開發的,其強大的功能,它適合于包裝企業,廣告設計公司,包裝印刷學院等;公司創建于1987年,其產品主要用于包裝盒設計及刀模設計。
邦友公司的BOX-VELLUM專業包裝結構設計軟件是一款成熟的軟件,在日本已經有8年的銷售和使用經驗,銷售數量在1,000套以上,在日本擁有CANON,SONY,日本聯合等主要用戶等,適合多種專業包裝結構設計。
英國AG/CAD公司Kasemake盒型設計系統軟件
Engview公司的EngviewPackageDesignerCAD/CAM生產系統
這兩個軟件都屬于實用型專業包裝結構設計軟件,具有使用方便和專業性能好的特點,但國內應用不多。
包裝魔術師(packmage),于今年(09年)4月份面市,現在已經更新到3.0版本。同樣它也包含一個盒型庫,盒型設計功能以及3D屏幕打樣功能。軟件的界面很簡潔,各個功能按鈕一目了然,在價格方面能夠滿足國內很多企業的需要,適合國內的包裝設計公司。
每次推薦UI設計工具時,首先一定會提到 Adobe Photoshop 。PS 是 Adobe 家族的頂梁柱,也是UI設計師的入門必備設計工具之一。強大的圖片編輯和處理功能,可以幫助UI設計師完成精細的圖片處理和界面設計,調整圖像大小和分辨率也不會丟失圖像質量。配合摹客等插件,可以將 PS 中設計完成的靜態頁面轉化為可交互的高保真原型。
功能特色:
如果需要處理圖片,PS是首選,但如果要制作圖標,那么就需要用到矢量繪圖軟件 AI 。AI 提供了豐富的像素描繪功能以及順暢靈活的矢量繪圖功能,配合文字處理和上色等功能,不僅可以輕松搞定圖標設計,也可以完成精美的插畫設計,讓UI設計作品錦上添花。
功能特色:
Adobe After Effects 也是 Adobe 家族的一員,主要用于圖形和視頻處理。隨著動效設計在UI界面設計中的廣泛應用,作為UI設計師,AE 當然也是必須了解的設計工具之一。無論驚艷的轉場效果,還創意十足的動作設計,AE 都能搞定。配合PS等界面設計工具,可以輕松完成極具沖擊力的UI界面設計。
功能特色:
Sketch 是近幾年崛起的一款強大的設計工具,可以幫助UI設計師快速完成界面設計,僅支持Mac系統。在Sketch中,可批量命名圖層、智能標注頁面、填充圖片和文字等,也可以為靜態的設計添加簡單的頁面交互。此外,Sketch擁有非常豐富的插件市場,可以彌補軟件功能的不足,也可以滿足不同人群的設計需求。
功能特色:
Adobe XD 和 Sketch 的功能比較相似,也支持打開 Sketch 文件,彌補了 Windows 用戶無法使用 Sketch 的遺憾。相較于前面介紹的幾款工具來說,XD 具有更加輕便易用的特點。UI設計師可以使用 XD 快速完成原型制作和界面設計,還可以快速設置頁面交互。
功能特色:
在之前的文章中,我們為大家介紹過 Figma這款工具。作為一款新晉設計神器,Figma 最近可賺足了話題量。相比于一些曇花一現的設計協作工具,Figma具有很高的易用性,支持矢量繪圖、版本管理等,功能強大,操作流暢,不僅可以幫助設計師完成界面設計,還支持實時協作,適合中小體量的設計團隊使用。如果你會使用Sketch,那么Figma對你來說幾乎沒有學習門檻。
功能特色:
摹客是國內最早考慮到將碎片化設計工具整合到一起的全流程協作設計平臺。摹客的功能覆蓋了在線設計、設計稿和原型稿交付、文檔撰寫和管理、在線評審、標注切圖、規范管理等產品設計各環節需使用到的功能,可以靈活適應不同體量團隊的工作模式。對于UI設計師來說,既可以把它看做是web端的簡化版Sketch,在線完成高保真原型設計,也可以把它當成國產 Figma ,滿足團隊實時協作需求。
功能特色:
Axure 是在互聯網產品設計行業內被廣泛使用的原型設計工具之一。使用 Axure ,可以輕松創建網頁和移動端項目原型。作為老牌設計工具,Axure具備非常強大的交互功能和豐富的可編輯元件,如果想要打造最接近真實效果的可交互原型,那么Axure是一個不錯的選擇。不過相較于摹客等輕量化設計工具來說,Axure前期的學習成本較高,需要花費一定的時間去學習。
功能特色:
最后介紹的兩款工具,可以作為UI設計師的加分項。第一款是網頁代碼編輯器 Dreamweaver 。之前在分享UI設計師求職攻略時,我們提到,根據目前互聯網大廠的招聘需求可以看出,大廠設計師正在往全棧設計師發展,因此對于想要完成進階的UI設計師來說,不僅需要掌握界面設計工具,還需要學習和了解前端的布局和設計,才能更好地配合開發工程師們完成產品研發工作。
功能特色:
另一款加分工具是三維設計軟件 C4D ,相較于 Maya 和 3D Max 等工具,C4D 更加簡單易上手。除了在廣告、電影、工業設計等行業廣泛應用以外,近年來,在電商平臺設計方面,C4D 也逐漸開始嶄露頭角,如果你想要緊跟電商平臺設計的潮流趨勢,那么 C4D 一定是你必須了解的設計軟件之一。
功能特色:
設計軟件的誕生,是為了幫助設計師更好地完成工作,設計軟件的競爭和更迭,最后受益的也一定是設計師。作為設計師的我們,也必須時刻保持學習的激情,才能不斷豐富自己的能力,提升自身的行業競爭力。
]]>這是我的第一篇文章,寫的不好還請多多包涵
這篇文章介紹的是與設計相關的軟件
因為設計軟件很多
所以只拿出幾個比較常用的軟件做一下介紹
人狠話不多,福利在文末~
現在我們開始正經的軟件介紹吧!
PS(Photoshop)
#設計必備 #全能型設計軟件
提到PS小煩煩的第一印象就是這句話
“你不要用PS做,不專業,要用photoshop”
雖然是一個很久遠的老梗
但是小煩煩每次還是會被他戳到笑點
PS作為Adobe家族 最 最 最核心的軟件
全稱是Photoshop(照片商店)
是設計入門的第一款軟件
屬于全能型
也就直觀的表現出PS功能的強大
PS的主要功能在于圖像的處理上
我們經常聽到的圖片合成就是他做出來的
軟件上手也很簡單
最后小煩煩想說
PS就像文化課中的三大主科
是最基礎也是必會的設計技能
(PS強大的合成圖片)
AI(Illustrator)
#矢量繪圖 #兼容
這里的AI不是人工智
是Aodbe Illustrator
作為Adobe家族的NO.2
也是PS的最佳搭檔
在logo、插畫、頁面版式設計
AI強大的矢量繪圖功能都可以拿下
這個時候,小煩煩就要說了,AI處理矢量圖,PS處理位圖,具體有什么差別,靚仔看完文章后記得百度一下,給自己留下一個更深刻的印象
PS、AI作為一家人
他們可以在彼此的軟件中進行實時修改
這也就大大提高工作效率
(大佬的AI插畫展示)
CoreIDRAW
#排版便捷
他和上面的AI功能重復
因為操作方式復雜
以及不是Adobe家的 不具備兼容性
而被AI所取代
但是他便捷的排版功能
收到了印刷廠的偏愛
(cdr的印刷版式效果)
AE(Aftereffects)
#強大 #又是Adobe #復雜
Aftereffects字面上解釋是特效
聽名字就知道他是多么的強大
它是一款
包容性強,功能多,很復雜
的設計軟件
又因為和PS、AI屬于同源
所以在AE中的PS、AI文件可以實時修改
并且它和其他的3D軟件也有很好的聯動
從嚴格意義上來說,AE在設計中其實不屬于平面設計軟件,但是隨著時代的進步,現在很多我們看到的海報都變成了動效海報,這也就是小煩煩在這里向靚仔們介紹這位老大哥的原因。
(AE動態圖片展示)
XD(Adobe XD)
#綜合 #便捷 #輕巧
XD不是那么的被大眾熟知
主要是用來做
移動應用和網頁設計與原型制作
是一款結合設計與建立原型
并且也提供跨平臺設計的設計軟件
小煩煩曾經看到這樣的設計過程,用PS做圖像處理,再到AI做文字處理最后在XD中做版式的整合,這樣一套流程下來可算是充分發揮了三大軟件的長項。
(上圖展示的是XD所繪制的移動端原型圖)
SAI (Easy PainTool SAI)
#萌新友好的入門繪畫軟件
在電腦繪畫方向
很多人剛開始都會選擇SAI
因為他在線條的防抖動比PS強大
也就代表著容錯率更高
SAI里面的模糊工具
也是PS至今都沒有完全超過的
福利時間
]]>1、墨刀-極簡超快的移動應用原型工具
2、ProcessOn-在線作圖工具,你不用裝 Visio 了
3、Principle-前 Apple 工程師打造的交互設計工具,快速制作豐富流程的應用交互動畫
4、摩客-簡潔高效的原型圖設計工具
5、Sketch-一款輕量易用的矢量設計工具
6、Axure-老牌原型工具,8.0 開始對響應式設計做了更好的支持,UI 也進行了微調
7、xiaopiu-國內優雅高效的在線 APP 原型工具
8、其他
Axure rp8
這個就不用多介紹了,老牌原型圖工具,功能全面,但是交互效果沒那么友善
Mockplus-全平臺“更快、更簡單”的原型設計工具
Mockplus是一款支持全平臺的快速原型設計工具,滿足包括手機項目、平板項目、網友項目、桌面項目、自定義項目及自由項目的原型設計需求。它以“更快、更簡單”的特點在國內甚至國際原型市場中占有一席之地。最近3.0版本中發布的團隊協作功能,更是大大提高了團隊溝通默契和效率。此外,高度封裝的智能交互組件、完全可視化的交互設計,在同類原型工具中也是獨有的。
墨刀-簡單易用的原型設計工具
無論是 PM 從 0 到 1 繪制原型、還是設計師導入設計稿制作交互,都可以快速輕松完成可交互原型。墨刀的出現,就是節約了溝通的成本,降低了試錯成本,優化了設計的效率!讓看不見的價值,更快速地用可見的方式表達。讓革新者有新的方法去改變世界。你可以將你的作品分享給任何人,無論在 PC、手機或微信上,他們都能隨時查看最新版本。開發人員可告別復雜的需求文檔,打開工作流便可看到全局狀態和注釋,實時同步進度和文檔——工作流成為最有效的溝通語言。將 Sketch 的設計稿一鍵導入墨刀即可馬上制作交互,工程師還可以通過開發者模式,看到完整的圖層信息。在這里真的是強烈推薦墨刀,真的很好用,不用每次更新都需要導出,就一直用一個地址。
xiaopiu.com – 云端原型設計工具,用戶只需輸入網址即可享受桌面軟件級的用戶體驗,隨時隨地進行創作,項目云端存儲,一鍵分享到精選廣場,共享資源進行交流。組件級的高復用設計,方便用戶在創作過程中,將設計細分,歸類為庫。自由方便的動畫交互調試,讓表達更生動。多視圖模式,讓整個項目邏輯一覽無余。里面內置了很多模板
這是一個妹子一個人開發的平臺,真的是滿厲害的,她也做了很多視頻教程,萌萌噠的聲音一定會讓你學的很開心。
sketch-矢量繪圖軟件
Sketch想必大家并不陌生了,另外兩款被大家所熟知的矢量繪圖軟件還有Photoshop和Adobe Illustrator這兩款工具。通常大家提到的Sketch是指與其相關的插件,比如ContentGenerator、Icon Stamper、Measure等等。不過,它只支持基于制作好的UI視覺圖進行交互,而且只有MAC版本,對于Windows用戶來講不太友好。sketch雖然大多數用來畫設計圖,但是用它來畫原型圖效率也很高。
百度腦圖是一個百度出品的一個良心在線的思維導圖工具。操作十分簡單,當你創建一個節點,點擊右鍵,就可以創建下級和同級的節點。而且網站還提供將你的思維導圖保存在云端和分享給好友的功能。
ProcessOn-免費在線作圖,實時協作
ProcessOn不僅可以在線使用,而且支持流程圖、思維導圖、UI原型圖、UML、網絡拓撲圖、組織結構圖等等。
除了支持多種標準作圖格式外,還支持多人在線協作,非常方便。
principle-這個主要是做交互
這個軟件很聰明的結合了Sketch、Keynote、Flash以及After Effect等軟件的優點(再加上一些專門做交互原型的額外功能)。
origami-交互神器
早在Facebook推出Facebook Home時,相信強大的原型工具Quartz Composer就進入了很多設計師的法眼,無須編寫代碼就可以輸出細膩豐富的動畫,這個太刁了,和大家一樣,彼時我也信誓旦旦勵志要學會這個玩意兒,于是開始參考教學視頻摸索,甚至拿著Quartz Composer的Guideline企圖翻譯,結果發現并不是那么簡單。于是學QC這件事情就一直一直擱淺,直到Facebook又推出了Paper,有了Origami這個插件,QC的門檻瞬間降低了很多,終于,感覺自己入!門!了??!尤其是和Sketch聯動,做demo真是方便了很多。
但是只有mac版,而且學起來也不是那么容易,個人感覺principle做交互足夠了