本文目錄一覽：
網站頁面設計軟件有哪些
這個就有很多了，dreamweaver，sublime text3這兩個比較受歡迎，當然很多小公司都要求直接用文本編輯器開發，notepad，editplus這類，因為熟悉了后就不必基于軟件提示了，在服務器維護的時候直接調整。前期還是要用有提示的工具比較好，這樣能夠讓你快速上手并且提高開發效率，還能高亮顯示，網頁設計最主要還是動手能力，多練習多看別人做的，命名規范做到嚴謹，你可以去開創者素材里下載的一些前端模板，都是免費的，這樣可以去深入了解這些知識，別人是怎么設計的…
網頁設計都用哪些軟件
以前做網站一般會用到網頁三劍客：
1、Dreamweaver：是“所見即所得”的可視化排版工具，實際就是html代碼編輯軟件；
2、Fireworks：用于處理和制作網頁圖片；
3、flash：用來制作網站上的flash動畫；
掌握上面三個軟件就可以制作出一些簡單靜態頁面。
但是現在用戶網站越來越高，要求網站有管理后臺，數據查詢，互動功能等等，所以大多數網站都是基于專業網站系統的基礎上來修改，比如pageadmin網站系統、worpress系統、discuz系統這些都是國內比較常用的，可以免費下載，功能很強大，擴展也靈活，可以為不懂代碼的用戶節約了不少時間。
網頁界面設計工具有哪些
下面給你整理了幾款網頁制作常用的軟件：
PS（Photoshop）圖像處理軟件：用于對網頁圖片進行潤色或特殊效果處理，是一款網頁制作必備之軟件。
Flash動畫制作軟件：動畫或動態圖片是網頁的重要組成部分，充分合理的使用Flash程序來設計網頁元素，往往可達到意想不到的效果。
CSS Design:一款適合對CSS對進調試的專業級應用，能夠對CSS語法進行著色，同時支持即時查看樣式功能，特別方便程序的調試以及效果的比對。
Dreamweaver網頁制作軟件，該軟件已成為專業級網頁制作程序，支持HTML、CSS、PHP、JSP以及ASP等眾多腳本語言的語法著色顯示，同時提供了模板套用功能，支持一鍵式生成網頁框架功能。是初學者或專業級網站開發人員必備之選擇工具。
ui界面設計常用軟件有哪些？
一般來說，UI會用到這些工具
1.?Mason
現如今，視覺稿（Mockup）和原型（Prototype）是網頁和 APP 設計過程中最常用的方法。兩種方式都很有效，不過也都可能會在時間和花銷上對整個項目產生壓力，影響團隊和項目的整體推進，尤其是在時間和精力都非常有限而項目又非常復雜的情況下。
Mason 提供了一個更好的解決方案，它讓你無需設計線框圖、原型和視覺稿，而直接拿現成的組件來編輯和設計，并且確保最終輸出的產品既具備功能，也是像素完美的，最后通過 Mason 的平臺進行部署，甚至你都不需要有代碼編寫的經驗。
Mason 的設計方法看起來很激進，但是實際上非常的易用。無論是調整還是維護，Mason 都能確?？丶驮囟己苋菀滋幚?。在 Mason 中修改、發布，然后就能正常使用。無需親手編寫代碼，諸如注冊、登錄等各種常見的功能都能夠正常輸出使用。
這款工具并不會限制你將網站投放到特定的平臺或者托管環境下，你可以在你最熟悉的服務器或者服務商那邊部署。這可以大幅度節省管理費和時間，并且你會發現團隊協作更加高效了。
2.摹客（國產UI設計神器，強烈推薦）
這款國產的工具快速易用，Sketch / PS / XD / Figma / Axure / Mockplus設計稿一鍵上傳 ， 設計評審討論 ， 自動標注一鍵生成，手動標注自由發揮 。
1. 自動標注：
鼠標hover圖層即可自動生成標注，一鍵轉換為百分比標注，還可以放大鏡查看細微標注。
2. 手動標注：
文字、坐標、顏色、尺寸、區域5種工具自由選擇，信息傳達更準確。
-用文字工具添加備注說明；
-用坐標工具添加位置信息；
-用顏色工具吸取圖層，色值智能生成；
-用線段工具標注尺寸，數值自動生成；
-用區域工具標注局部圖層，寬、高自動生成。
3. 單位自由轉換：
支持iOS的pt，Android的dp，Web的rem，還可以保留0-3位小數，標注更自由。
4. 完整的標注屬性：尺寸、邊距、不透明度、字體大小、字重、行高、字間距等。相關屬性一鍵復制即可使用。
除了智能的標注方式，摹客的切圖、交互、全貌畫板、文檔管理等功能也很實用。最值得一提的是，摹客基礎功能完全免費。
3.?Overflow
設計師講述故事最有效的辦法之一，是將故事中的節點連在一起，將用戶歷程線性地呈現出來。這樣的方式會讓訪客更好的理解他們所看到的內容，同時能夠更加專注于細節的呈現，并且構建有效的反饋機制。
作為世界上第一個為設計師量身定制的用戶流程圖工具，Overflow 可以幫助設計師更好地講述故事。它為設計師提供了一種全新的方式來更好的呈現作品，講述故事，以交互式的流程同用戶進行溝通，吸引用戶的注意力。
Overflow 是一款跨平臺的工具，可以與目前最流行的設計工具無縫地集成起來，允許設計師在同一個平臺上完成設計、展示、共享和打印他們的用戶流程。
4.?UXPin
UXPin 可能是目前對于設計團隊來說最理想的快速原型工具，尤其是當產品的 UX 設計和研發高度依賴快速反饋循環機制的時候。UXPin 可以讓設計團隊在向開發交付原型之前，充分地進行設計、共享和測試。
開發人員所需要的數據，實際上在每個項目設計完成之時，就會自動生成。所以，在將設計交付給開發人員之前，甚至可以使用檢測工具，驗證一下產品的部署是否和設計元素相互匹配。
UXPin 還提供一個完整的設計系統解決方案，幫助你保持整個產品的 UI 元素的一致性。而每個產品的 UI 組件都可以使用一段代碼記錄下來，因此可以更加輕松快速的擴展產品的功能。
5.?Creately
UI/UX 設計當然不僅僅是線框圖和視覺稿，它是動態的，系統化的，而這也是 Creately 這款工具的價值所在。這款圖標工具適合生成工作流程，支持不同的圖表類型，包括流程圖、思維導圖、UML 圖標、線框圖等。它所提供的圖表功能和協同工作的功能，可以幫助設計師完成一半以上的工作。
使用 Creately 來創建圖表，可以輕松創建出足夠漂亮的圖表，其中配備的1000多個專業的設計圖表模板，可以快速地完成各式各樣的 UX 設計項目。
6.?PowerMockup
有許多 UX 設計師會使用 PowerPoint 來構建交互式原型，有了 PowerMockup 之后，你再也不需要尋找其他的工具來輔助你的工作了，它就可以幫你創建高效可共享的交互式原型。
在構建原型的時候，只需要從 PowerMockup 不斷增長的資源庫找到對應的形狀或者設計元素，拖拽到 PowerPoint 當中，然后進行設計即可。為了實現互動，你所需要調用的也無非是 PowerPoint 當中的幻燈片和動畫功能，很簡單。
7.?Visual Inspector
Visual Inspector 讓設計師、開發者和負責維護的人員能夠實時地在網站中檢查和解決各種 UI 問題，并且同其他的工作人員隨時共享信息。
這款工具不需要你懂得代碼，只需要幾秒鐘就可以啟用 UI 工具，并且幾乎可以任何類型的網站（使用 HTML 代碼，或者 WordPress 系統的）進行協同工作。這款工具不是免費的，終身授權的版本只需要付費49美元即可。
8.?Fluid UI
Fluid UI 是一款可以用來設計線框圖、原型圖和視覺稿的綜合性工具，它還為項目經理和分布式設計團隊提供了非常完善的協作功能。它擁有非常全面的組件庫，橫跨桌面端、iOS 和 Android 等主流的、必須的平臺。
留言0