產品目錄

Moqups 網頁使用者介面原型設計工具 是一款以HTML5撰寫用來設計WEB框架、模型框線或是UI概念的線上服務，它內建了超過60套手繪的SVG模板及特性 ! Moqups的所有物件皆已模組化，使用者只需要自由拉動拖曳組合排列，即可完成一款精緻的線框UI設計圖。Moqups是一個HTML5網頁App，可在最新版Chrome、Firefox與Safari上順暢使用。   Crisp, ready-to-use Stencils for all popular use-cases Drag and drop elements - quickly and easily - from a comprehensive library of widgets and smart-shapes. Select from a range of integrated stencil kits for both mobile-app and web design - including iOS, Android, and Bootstrap. Built-in library with thousands of popular Icon Sets Choose from Font Awesome, Material Design, and Hawcons - right at your fingertips. Update icons with intelligent drag-and-drop replacement that preserves size, position and style. Drag and drop to import Images from your desktop or apps Upload ready-made designs, and quickly convert them into interactive prototypes. Make multiple versions of the same image with non-destructive cropping. Extensive range of Fonts and styling options Select from hundreds of font choices with integrated Google Fonts. Fine-tune the text to match your designs with advanced typography controls. Fast, intuitive, and precise Object Editing Resize, rotate, align and style objects - or transform multiple objects and groups - with smart and dynamic tools. Bulk-edit, rename, lock, and group elements. Undo or redo on multiple levels. Quickly identify objects, navigate through nested groups, and toggle visibility - all within the Outline Panel. Make precision adjustments with grids, rulers, custom-guides, snap-to-grid, and quick-alignment tools. Scale, without loss of quality, with vectorial zooming. Powerful, flexible, and scalable Page Management Handle projects of any size or complexity with powerful Page Management tools. Drag and drop pages to quickly reorder them - or organize them within folders. Search and navigate through complex folder hierarchies with our Pages Panel. Hide pages or folders - that aren’t quite ready for primetime - with a simple click of the mouse. Save time by leveraging Master Pages, and automatically apply any changes to all associated pages.   使用介面&影片教學

PaintCode 設計師和開發者愛不釋手的向量繪圖應用程式 快速將設計圖轉換為程式碼 - 新版支持 JavaScript 和 Andriod   PixelCut 公司開發的產品 PaintCode 3 是一款基於向量的熱門繪圖軟體工具，PaintCode 向量繪圖應用程式能將圖檔快速轉換為程式碼，成為開發者和平面設計師之間的橋樑。新版本引入了用 Java 程式語言編寫支持Android，以及採用 JavaScript 和 HTML 畫布的 Web。   使用者能將 PaintCode 圖形匯出為iOS，MacOS，Android 和 Web 四個主要平台的程式碼，PaintCode軟體為建立參數繪圖提供最佳解決方案。新版軟體支持 JavaScript 和 Android，創造出令人驚艷的使用者介面，比以前更簡單更快速。PaintCode 3 新版還增加了對 Swift 3 的支持，Swift 3 是時下流行的 Apple 程式語言。 PaintCode 工具讓設計師可以選擇匯入多種檔案格式 PDF、SVG、PSD、AI 和 EPS 檔，快速將設計檔轉換為程式碼，可以選擇轉換成 Swift、Objective-C、Java、C#、JavaScript 或 SVG 程式碼, 並且快速將程式碼直接應用在 iOS、MacOS、Android 和 Web 上，特別適合需處理介面設計的設計師和開發者。   Why should you use PaintCode? Resolution independence Avoid the @1x, @2x and @3x image resolution hell. Draw your user interface with resolution independent code generated by PaintCode. Parametric Drawings Use variables and expressions to control the color, position, rotation, visibility and other attributes of your shapes. Faster Workflow All your PaintCode drawings are exported into a single code file called StyleKit. Re-export StyleKit at any time and see all the updated drawings right in your app. 更新介紹 Android Finally, the droid you have been looking for! Use PaintCode to turn your drawings into easy-to-use Android Java code. Perfect for drawing icons and custom UI elements. You can even make your drawings animated or parametric. Swift 5.0 PaintCode 3 added support for Swift 3, 4, and 5, fully compatible with Xcode 10, iOS 12, and macOS Mojave. By carefully analyzing the Swift compiler and tailoring the generated code to it, we were able to improve the compilation speed by more than 150x in many common cases. JavaScript With PaintCode 3, you can now export JavaScript code that can be used to draw into <canvas> elements. Perfect for creating dynamic, interactive drawings such as the one on the left. Resizing Drawing Methods All generated drawing methods now take 2 parameters - the target rectangle into which you wish to draw and the resizing behavior. You can choose between ‘aspect fit’, ‘center’, ‘aspect fill’ and ‘stretch’ resizing behaviors. To turn this feature on for your existing canvases, choose the "Resizing: Using Method Parameters" option from canvas attributes in the inspector. Telekinesis Imagine you could redesign your app in real time, while the app is actually running on a real device. With PaintCode and Telekinesis, you can. Changes you make to your app's design in PaintCode are propagated in real time into your running app. Works like magic. See the video. B...

PHPMaker 是功能強大的自動化工具，可以從MySQL，PostgreSQL，Microsoft Access，Microsoft SQL Server，Oracle和SQLite快速生成全套PHP腳本。數據庫。使用PHPMaker，您可以立即創建允許用戶查看，編輯，搜索，添加和刪除Web記錄的網站。PHPMaker還可以使用JavaScript（HTML5）圖表（柱形圖，條形圖，折線圖，圓餅圖，面積圖，環狀圖，多序列圖和堆疊直條圖）創建摘要報告，交叉表報告和儀表板，以匯總和可視化數據。PHPMaker的設計具有很高的靈活性，並提供了許多選項來生成最適合您需求的PHP應用程式。生成的代碼乾淨，直接且易於自定義。PHP腳本可以在Windows服務器或Linux服務器上運行。PHPMaker可以節省大量時間，並且適合初學者和經驗豐富的開發人員。 主要特色 Pages List View Add/Copy Edit Delete Update Search Master/Detail-Add/Edit/View Detail Preview Reports Summary Crosstab Dashboard Drilldown Charts Bar Column Line Area Doughnut and Pie Mixed Stacked Drilldown Calendars Month/Week/Day/List Views Multi-Month Year View View/Add/Edit pages Custom Templates Event Popovers Searching  

PHPRunner 對任何本地或遠程的 MySQL, MS Access, SQL Server, Postgre以及Oracle 數據庫，建立了在視覺上的Web介面吸引力。   特色 廣泛的資料庫支持 PHPRunner 支援 MySQL、SQL Server、MS Access、Oracle、PostgreSQL、DB2、Informix、SQLite 以及任何支援 ODBC 的資料庫。如果您沒有資料庫，軟體將幫助您建立一個。PHPRunner 可讓您連線到本機資料庫或位於遠端伺服器上的資料庫。如果您有一個遠端 MySQL 資料庫，則該資料庫不允許直接連接，您將能夠使用「PHP 代理」方法連接到它。 範本 PHPRunner提供了大量的應用模板——現成的主題網站，具有完整的圖形介面和資料庫結構。所有模板都易於使用且完全可自訂。該模板可以用作獨立網站，也可以與其他 PHPRunner Web 應用程式整合。PHPRunner 提供的一些範本包括：汽車、分類廣告、知識庫、房地產、工作清單和新聞。 頁面設計師 PHPRunner 的頁面設計器可讓您透過輕鬆的拖放操作來自訂應用程式的外觀和風格。PHPRunner 將為您提供每個頁面的建議佈局。但是，頁面上的所有元素都可以輕鬆修改。頁面設計器可讓您在頁面周圍拖放、複製和貼上物件。對於頁面上的所有欄位和標籤，您可以變更字體、大小、顏色、樣式、縮排和對齊方式。 報告和圖表 PHPRunner 可讓您建立複雜、色彩豐富、高度可自訂的互動式圖表和報告，以補充您的網站。您將能夠從多種圖表和報告類型中進行選擇。您還可以獲得 Web 圖表和報告產生器作為 PHPRunner 企業版的一部分，它可以讓您在線上建立圖表和報告。就像在軟體中一樣，Web Charts and Reports Builder 提供了大量圖表和報告選擇，只需幾分鐘即可建立。您可以重複使用程式中建立的相同安全設定來決定要向使用者公開哪些資料來源以及這些使用者將擁有哪些權限。 應用程式預覽 建立 Web 應用程式後，PHPRunner 為您提供了多個預覽選項。最好的選擇是使用內建 Web 伺服器運行應用程式。您也可以使用 FTP 用戶端將檔案上傳到遠端 Web 伺服器。您可以將您的應用程式發佈到我們的演示帳戶伺服器，或只需註冊我們專為 PHPRunner 客戶提供的 Web 託管。 SQL編輯器 PHPRunner 會自動建立一個 SQL 查詢，可以在圖形窗格中或作為文字輕鬆修改。SQL 編輯器還可讓您預覽 SQL 語句的結果、透過拖放建立聯接並指定條件（其中、排序依據、分組依據等）。 安全 PHPRunner 可讓您使用密碼保護對 Web 應用程式的存取。您可以對使用者名稱和密碼進行硬編碼，也可以將登入組合儲存在資料庫中。PHPRunner 還允許您設定使用者群組權限，您可以在軟體中或線上限製表和檢視、頁面和網站功能。 PHPRunner 企業版新增了 Active Directory、Okta、LDAP、SAML 和 OpenID 支持 使用者登入設定 PHPRunner 可讓您建立新使用者註冊頁面，並使用驗證碼保護來保護您的頁面免受垃圾郵件濫用者的侵害，這可以輕鬆確定使用者是電腦還是人類。您還可以限制使用者輸入弱密碼並允許他們請求密碼提醒。 動態權限 透過動態權限，PHPRunner 將允許您直接從產生的 Web 應用程式建立和修改權限並將使用者指派到某些群組。每次您需要修改權限、建立新群組或將使用者指派到群組時，您都無需重建專案。動態權限對於應用程式安全管理員不是 PHPRunner 軟體的實際使用者的大型公司特別有用。 編輯器螢幕 在 PHPRunner 的編輯器畫面上，您可以透過選擇內建 Bootstrap 主題之一、調整主題選項和新增自訂 CSS 來自訂應用程式的視覺外觀。它還附帶即時預覽。 多語言支援 PHPRunner 支援 30 多種語言，可讓您的使用者在登入時選擇語言。您還可以新增表格名稱和欄位的翻譯。支援的語言清單包括：南非荷蘭語、阿拉伯語、波斯尼亞語、...

Pinegrow 網站前端開發工具 HTML、CSS 便利好用編輯器 寫網頁超快速 視覺化的 Bootstrap 網頁設計工具 支援時下流行的網站開發 Bootstartp, Foundation, AngularJS 和 WordPress 支持 Windows / Mac / Linux   Pinegrow Web Editor is a desktop application for creating and editing websites. Pinegrow is a general purpose HTML and CSS editor. Although it has extensive support for frameworks like Bootstrap and Foundation, Pinegrow is not tied to any particular framework or library. With Pinegrow you build websites by editing HTML layout and CSS rules. Pinegrow is a collection of integrated tools: some are visual and some work with code. You’re free to mix & match these tools in a way that best fits the task at hand. For example, when working with Bootstrap, you can use Element properties panel to (1) visually control Bootstrap properties, live-synced with the (2) code view where you can inspect and tweak the HTML code directly. At the same time you use (3) Style panel to edit active CSS rules. Pinegrow a desktop app that lets you build responsive websites faster with live multi-page editing, CSS styling and smart components for Bootstrap, Foundation, AngularJS and WordPress.  

ProtoPie 行動裝置互動原型設計工具 行動裝置移動端應用的設計與網頁端的設計不同，有限的介面和豐富的交互，都讓行動裝置移動端交互設計變得更為複雜。作為設計師，將動態設計想法準確闡述給團隊並獲得認同，並不是一件容易的事情。無程式碼交互原型工具 ProtoPie 是目前全球唯一一款可以無需編寫程式碼可製作傳感交互原型的工具，已在37個國家被廣泛使用。不僅簡單的頁面間跳轉，高保真原型也可快速完成。不論是初次接觸交互的新手，或者是交互高手中的高手，ProtoPie 是你必須瞭解的新興工具。 ProtoPie 特別適合互動設計師、UX 設計師、APP 應用程式開發設計師、產品經理，是一款熱門移動端原型設計工具，用它可以快速製作互動式原型並在手機上測試。 ProtoPie 的操作原理也十分簡單：交互=觸發動作+反應動作+物件。 你只需要將下面表中的觸發動作和反應動作自由組合，就可以像拼拼圖一樣輕鬆製作高保真互動原型。  影片介紹   基本概念 ProtoPie 的概念模型是基於淺顯易懂的交互原理所創建，以此可以替換複雜的程式設計語言。 自然界物體間的交互是由動作的物件，引起交互發生的觸發動作，受觸發動作影響而產生的反應動作，這三者組成。  ProtoPie 就是利用將物件、觸發動作、反應動作組合成交互的原理，製作出一個個完整的交互原型。如上圖所展示的，圖層就是交互物件，點擊圖層的動作就是觸發動作，點擊後圖層發生的變化就是反應動作。 如同在自然界中有限的元素可以組合出世界萬物一樣，複雜的交互效果也是由有限的觸發動作和反應動作拼接出來的。上表左側是觸發模組，右側是反應模組。

改善您的UI設計流程，化複雜為簡單 日本知名UI設計公司 GoodPatch 自家開發新原型設計工具 Prott ，快速設計出自己的 Prototype 原型  工作上總需要跟設計師和工程師溝通？跟客戶提案前總是手忙腳亂？有沒有簡單易用的工具可以幫我做出一個 Prototype，並且更有效地幫助我跟客戶、團隊溝通？使用原型設計工具 Prott，快速掌握產品設計 UI 設計原型開發。透過Prott，您的創意想法可以立刻化為可互動的UI原型，並確認使用者的操作感。 此外，您所製作的設計原型也會成為團隊溝通的工具，讓UI設計可以更有效率。 Goodpatch以設計為核心的事業內容漸漸受到許多投資家的青睞，期待拓展更國際化的業務，透過來自DG Incubation, Sales force, SBI以及SMBC等巨頭投資家的資金援助，除了設計委託的業務之外，開始開發自家的設計流程工具，其中最具有代表性的產品就是在2014年推出第一個自有產品「Prott」。 Goodpatch 公司開發的產品吻合自家的設計流程，提升內部工作效率為目的開發，在設計流程中最看重的是原型設計 Prototyping 的階段。Prott 的特色是簡單上手，能將創意想法Idea迅速化為形體，且在產品概念當中置入了「團隊合作」的要素。

Sketch 設計師必備的視覺設計工具   Sketch 向量繪圖軟體是一款針對 Mac 電腦開發的超人氣設計軟體，特別適用於網頁設計、UI 設計、扁平化圖標設計。向量繪圖是網頁設計，圖像以及介面設計的最佳方式。Sketch 向量繪圖軟體除了強大的向量圖像編輯的功能之外，同時加入基本的繪圖工具，比如模糊和色彩校正等。Sketch 是為圖像設計和界面設計而產生的。在 Sketch 中，您擁有無限延伸的畫布，每個圖層都支援多種填充模式；還有最棒的文字渲染和文字樣式，以及文件輸出功能。 Sketch 向量繪圖軟體簡單好用，設計師可以在幾個小時內便能快速掌握，將能利用 Sketch 創造新的精彩設計。同時，對絕大多數的產品設計師，平面設計師等設計專業工作者，Sketch 都能替代 Adobe Photoshop，Illustrator 和 Fireworks 軟體工具。 Sketch 最新版 增強向量編輯功能及其他  Sketch 推出最新版本，強化向量繪圖編輯的功能，在編輯向量圖像時，可以同時快速編輯多種各式各樣的形狀，並且增強 Text Transform 功能，快速變換字元大小寫，使用者可自由更改字母大寫小寫的功能。Sketch 在最新版的推出下， 成為設計師愛不釋手的實用工具。    

Slider Revolution 最為人所知的可能是 WordPress slider 外掛。但你可以用這麼快的速度創造出更多東西，方便使用，以及響應式頁面建立器和設計工具。 Sliders  為你的網頁創建美麗的層疊和多媒體滑塊 輪播圖 以引人注目的輪播圖佈局展示你最重要的內容 主視覺區 在首頁用你的焦點圖片留下難忘的第一印象 網站 建立一頁式網站和單獨的網頁，讓你的訪問者驚豔

SVGator 是一個線上 SVG 動畫編輯工具，用戶用他們的工具來建立圖形和動畫，SVGator 可以透過瀏覽器操作，不需要編碼技能就可以完成一個網頁動畫，設定介面直覺、好操作，輕鬆創建令人印象深刻的SVG 動畫！  

TranslatePress 是一款任何人都可以使用的WordPress 翻譯插件。 該界面允許您輕鬆地一次翻譯整個頁面，包括短代碼、表單和頁面構建器的輸出。還可以與 WooCommerce 、佈景主題、編輯器一起使用，快速地建置出多語系網站。 TranslatePress – Multilingual 採用 WordPress 方式構建，是一個 GPL 和自託管翻譯插件，這意味著您將擁有您的所有翻譯。這是創建雙語或多語言網站的最快方法。    

uniGui 是基於Delphi的一套開發Web應用的UI框架，前端使用的是ExtJS uniGUI Web Application Framework extends Web application development experience to a new dimension. uniGUI enables Delphi developers to create, design and debug web applications in IDE using a unique set of visual components. Each component is designed to provide same functionality of its counterpart visual component in Delphi VCL. This provides a very comfortable development environment very close to native VCL application development with an easy learning curve.  uniGUI Web applications can be deployed to a server using one of the available deployment options such as Windows Service, Standalone Server or ISAPI Module. Based on industry's most advanced JavaScript library Sencha Ext JS. (Current version is Ext JS 7.5.1) Includes OEM license for Sencha Ext JS. (Please see licensing for details). A unique platform to create stateful web applications. Complete IDE support for creating projects, designing forms, frames and handling data modules. Advanced support for scripting client side JavaScript events. Library core is fully optimized to achieve highest level of scalability. Including advanced Stress Test Tool utility. Comes with various deployment options: ISAPI Module, Standalone Server, Windows Service and Native Apache 2.4 Module (Windows & Linux). Supported Delphi versions: Turbo Delphi Pro, Delphi 2006, Delphi 2007, Delphi 2009, Delphi 2010, Delphi XE, XE2, XE3, XE4, X5, XE6, XE7, XE8, Delphi 10 Seattle, 10.1 Berlin, 10.2.3 Tokyo, 10.3.3 Rio, 10.4 Sydney, 11.3 Alexandria and 12.0 Athens (Win32, Win64 and Linux64 platforms). (Linux support is available for Delphi 10.3 and later) C++ Builder supported. ( See installation instructions for more details on C++ Builder support ) Supported Browsers: IE 9+, Microsoft Edge, FireFox, Chrome, Safari and Opera New state-of-the-art uniGUI HyperServer technology.