產品目錄

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

Axure RP 是Axure Software Solution公司旗艦產品，是一款專業、快速的網頁原型設計工具，讓設計者能夠高效率製作產品原型，快速繪製線框圖、流程圖、網站架構圖、示意圖、HTML 模版等，做成專業的網頁原型。作為辦公自動化輔助工具，Axure RP 更適合 Web Prototype 的製作。Axure RP的使用者主要有商業分析師、資訊架構師、可用性專家、產品經理、IT諮詢師、使用者體驗設計師、交互設計師、介面設計師等，另外，架構師、程式開發工程師也在使用Axure。 Axure RP 8 最新版在2016年正式發布後，引起使用者熱烈迴響，在 Axure RP 7 基礎上做了更多功能提升，旨在提高原型設計效率。Axure RP 8 新增新的動畫、交互動作、流程圖、鋼筆工具、新的快照部件，以及新增多個形狀和事件，為正在快速建構網站原型的設計們帶來煥然一新的感受。  Axure RP 9 的新功能   Unassigned widget notes. asily reassign any widget note from one widget to another.—one that appears in the “Widget Notes” section of the notes pane and gets a number, like any other widget note, but that is not (yet) attached to a widget. You can then leave your note unassigned or, with a couple of clicks, choose a widget to associate with the note. You can also eadd an unassigned widget note Now you have an additional option when adding a new note to your design. You can still add a widget-level note to any widget, as before, or you can   Multiple notes per widget. That’s right: add as many notes to a particular widget as you like.Screenshot showing multiple widget note icons collected on a single button widget in the Axure RP 9 interface It used to be that note numbers restarted inside dynamic panels, but no longer—now, every note on a page has its own unique number, including those inside dynamic panel states.   Note numbering is now per-page.It used to be that note numbers restarted inside dynamic panels, but no longer—now, every note on a page has its own unique number, including those inside dynamic panel states.   Auto-include widget text in a note. Widget text can now be added to a widget note (or can serve as the entire note) with a couple of clicks. Once done, the text in the note automatically updates with any future changes made to the widget’s text.The same goes for interactions: the textual summary of a widget’s interactions can be easily added and will update dynamically. (In previous versions an interaction on a widget created a numbered note icon on that widget by default, but now you have the option to include one only if you want it.)   Note numbers appear in the prototype. While previous versions featured a generic note icon for any note appearing in the HTML output, Axure RP 9 shows each note’s unique number in the prototype player for easier cross-referencing with note text in the player’s sidebar.    

PHPRunner 對任何本地或遠程的 MySQL, MS Access, SQL Server, Postgre以及Oracle 數據庫，建立了在視覺上的Web介面吸引力。 特色 現成的網頁 有了 PHPRunner 您將可以擁有一個與網路頁面相連結的 Web 應用程式，所以的網頁都是經過專業設計且高度客製化的，並提供相當廣泛的功能。 多種顏色主題與設計 許多圖形化介面與完整的數據庫結合而成的應用程式模組：購物車、日曆、分類廣告、汽車...等 檢視、插入、編輯、刪除；搜尋；匯出、列印等眾多功能 非常容易使用，你只需要幾分鐘的時間就可以生成你的第一個PHP網站 無需使用編碼 內建FTP客戶端上傳PHP頁面到Web服務器   完全客製化設計 讓你的網站與眾不同！PHPRunner 提供了多種網站布局，配色方案及先進的WYSIWYG視覺編輯器，提供你更多所需的工具來訂製每個頁面，且只需要使用簡單的拖曳編輯即可。 有拖曳功能的WYSIWYG視覺編輯器 多種語言模組，登入時可以選擇語言 支援文檔與圖像 易與現有網站整合 將大的圖表報告生成器 豐富的文字編輯控制器   令人安心的安全性 透過PHPRunner您可以使用密碼保護你的Web應用程式，您可以選擇內容的解析度與粒度，無論您是業務需求或其他，這套軟體都能提供相當良好的訊息保密。 強大的密碼保護機制 用戶自行註冊、密碼提示，並更改密碼頁面 具有彈性的用戶群組權限 在線動態權限設定 驗證碼保護 密碼加密與驗證 功能 Wide range of database support PHPRunner supports MySQL, SQL Server, MS Access, Oracle, PostgreSQL, DB2, Informix, SQLite, as well as any ODBC-enabled database. If you don't have a database, the software will help you create one. PHPRunner lets you connect to your local database or a database located on a remote server. If you have a remote MySQL database, which does not allow direct connections, you will be able to connect to it using "PHP proxy" method. Templates PHPRunner offers a large number of application templates - ready-made themed websites with complete graphical interface and database structure. All of the templates are easy to work with and completely customizable. The template could be used as a stand alone website, or could be integrated with other PHPRunner web applications. Some of the templates available with PHPRunner are: cars, classified ads, knowledge base, real estate, job listings, and news. Visual Editor WYSIWYG Visual Editor in PHPRunner allows you to customize the look and feel of your application with ease of drag-n-drop. PHPRunner will present you with the proposed layout for each page. However, all of the elements on the pages can easily be modified. The Visual Editor allows you to drag and drop, copy and paste the objects around the page. For all of the fields and labels on the page you can change the font, size, color, style, indentation, and alignment. The Visual Editor allows you to jump into generated HTML code and make your modifications there. Reports and Charts PHPRunner let's you build sophisticated color-rich, highly customizable interactive charts and reports to complement your website. You will be able to choose from multiple chart and report types. You can also get a...

Mockplus 互動式原型設計工具 簡單好用，輕鬆設計 APP 介面、Web 網頁原型 原型設計工具 Mockplus 特別適用於專注原型設計的 PM 產品經理、UI 使用者介面設計師、UX 使用者體驗設計師、IxD 互動設計師等設計人才。全平臺 (Android/iOS/PC/Mac/Web）原型專案支持。   Mockplus 做原型，更快，更簡單！ 交互快 拖一拖，交互設計從沒有這麼簡單 Mockplus中的原型交互設計完全視覺化，所見即所得。拖拽滑鼠做個連結，即可實現交互。同時，Mockplus封裝了彈出面板、內容面板、滾動區、抽屜、輪播等系列元件，對於常用交互，使用這些元件就可快速實現。   設計快 放一放，原型圖輕鬆呈現 Mockplus封裝了近200個元件，提供3000個以上的圖示素材。做圖時，只需要把這些元件放入工作區進行組合，一張原型圖就可以迅速呈現。把思路用在設計上，你不用為製作一個元件去勞心費力。   演示快 掃一掃，立即在手機中預覽原型 掃描二維碼，原型即可在手機中演示。同時支持線上發佈為HTML，發送一個網址即可分享給同事或客戶，也可離線匯出HTML。   上手快 用一用，馬上就會 關注你的設計，而非工具。你不需要任何學習就可以輕鬆上手，不必為學習一個軟體而成為工具的奴隸，更不必在學習、買書、培訓上花費時間和金錢。Mockplus無需任何程式設計，不需要任何程式設計基礎知識。   團隊協作 協作設計 每個專案可以允許多個團隊成員共同參與設計，設計完成後只需一鍵同步即可實現項目合併。隨時隨地，輕鬆協作。   審閱 專案發佈後，一鍵郵件群發通知審閱。審閱人可以在專案上評論、批註等，支援7種批註方式。清晰明瞭，方便快捷。   頁面分工編輯 每個頁面同時只允許一人進行編輯，通過頁面狀態來判斷是否有人正在編輯。編輯結束後可隨時改變頁面狀態，來允許他人編輯。避免衝突，合理分工。    

Zeplin 設計師與前端開發者必用的熱門協作軟體 支持 Sketch，Adobe XD CC，Figma 和 Photoshop Zeplin 針對 UI 設計、網頁開發、原型設計稿標註規格好用工具 搭配 Sketch 軟體，開發 App 應用程式從未如此簡單 Zeplin 是設計師和前端開發人員之間的最佳協作溝通工具。在開發 iOS App 應用程式時，工程師和設計師的溝通經常令人感到頭痛。過去設計師往往要在 App 介面設計的畫面上，標示各種元件的位置、大小、顏色、尺寸等重要訊息，並且需要與工程師密切的溝通，工程師才有辦法了解App設計畫面排版的細節。 有了 Zeplin 協作軟體工具，App 介面設計師只要將 App 原型設計軟體 Sketch 或 Photoshop 製作的 App 介面設計畫面加入 Zeplin 的專案，便可以輕鬆與工程師直接在專案上看到 Zeplin 自動標示的 App 畫面細節。 數位時代下今天有很多工具可以幫助您產製數位產品。它們從設計工具到開發工具到網頁創建工具都有所不同。原型開發工具是幫助您更快更有效地開發產品的工具。原型展示你的想法，這樣做可以改變你的設計方式。迭代和分享能力實際上是其中原型脫穎而出的地方。 Zeplin 與插件外掛程式一起搭配使用時，使用Sketch變成是一種非常棒的體驗。它可以幫助開發人員輕鬆檢查介面的大小，字體，顏色和尺寸。另外，Zeplin允許從畫板直接下載每個元素到元素。它準備了接口的CSS樣式文件，從而為前端開發人員節省了大量的工作。 Zeplin 與 Photoshop 的搭配使用 Zeplin 與 Sketch 的搭配使用 影片介紹

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. 影片介紹    

HTMLG HTML Editor 線上 HTML 可視化編輯器 HTMLG 是一個線上 HTML 可視化編輯器，能將內容快速轉換成乾淨漂亮的 HTML 原始碼，能編輯 HTML、CSS、JS，並且擁有即時預覽功能，完美整合網頁程式碼編寫的所有功能，簡單操作，快速上手，滑鼠點擊即可完成複雜的網頁表格和排版編排。 HTMLG 的 HTML 編輯器打開瀏覽器便能使用，操作就像一般網頁編輯器，使用者可在左方編輯器建立圖文內容，插入表格超連結圖片等功能，右方畫面便能即時轉換成 HTML 原始碼，可快速取得內容所對應的原始碼，可立即應用在網頁製作。  影片介紹  

ProtoPie 行動裝置互動原型設計工具 行動裝置移動端應用的設計與網頁端的設計不同，有限的介面和豐富的交互，都讓行動裝置移動端交互設計變得更為複雜。作為設計師，將動態設計想法準確闡述給團隊並獲得認同，並不是一件容易的事情。無程式碼交互原型工具 ProtoPie 是目前全球唯一一款可以無需編寫程式碼可製作傳感交互原型的工具，已在37個國家被廣泛使用。不僅簡單的頁面間跳轉，高保真原型也可快速完成。不論是初次接觸交互的新手，或者是交互高手中的高手，ProtoPie 是你必須瞭解的新興工具。 ProtoPie 特別適合互動設計師、UX 設計師、APP 應用程式開發設計師、產品經理，是一款熱門移動端原型設計工具，用它可以快速製作互動式原型並在手機上測試。 ProtoPie 的操作原理也十分簡單：交互=觸發動作+反應動作+物件。 你只需要將下面表中的觸發動作和反應動作自由組合，就可以像拼拼圖一樣輕鬆製作高保真互動原型。  影片介紹   基本概念 ProtoPie 的概念模型是基於淺顯易懂的交互原理所創建，以此可以替換複雜的程式設計語言。 自然界物體間的交互是由動作的物件，引起交互發生的觸發動作，受觸發動作影響而產生的反應動作，這三者組成。  ProtoPie 就是利用將物件、觸發動作、反應動作組合成交互的原理，製作出一個個完整的交互原型。如上圖所展示的，圖層就是交互物件，點擊圖層的動作就是觸發動作，點擊後圖層發生的變化就是反應動作。 如同在自然界中有限的元素可以組合出世界萬物一樣，複雜的交互效果也是由有限的觸發動作和反應動作拼接出來的。上表左側是觸發模組，右側是反應模組。 更新介紹 New Features Input from native keyboards on smart devices and hardware keyboards on desktops     or connected to smart devices Variables allowing interactions with dynamic values Formulas utilizing layer properties and variables for expressiveness and productivity Detect trigger detecting changes in layers and variables Incremental movements (e.g., Move By, Scale By and etc.) Touch Hint highlighting touchable areas   Improvements Improve the Adobe XD integration allowing importing invisible layers Improve the way to control the timeline bar Improve UI text legibility by changing the font in ProtoPie Studio Change UI making it easier to select a layer for triggers and responses Add help links to documentation for all triggers and responses

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

Collabion Charts for SharePoint是一套方便的互動圖表建置軟體，可在您的Sharepoint環境中連結多種資料庫來源使用，不需要搭配其他開發用元件、不需寫任何一行程式。 資料視覺化 不要讓您的資料僅止於一堆未整理的數字。妙手一揮，讓它們說出鮮活故事。 了解資訊內涵 從整理過後的資料觀察模式、發現潮流、找出例外事件，以雕琢出完美策略。 作出最適決策 基於有參考性的資訊作出適當的預測、在資訊充足的情況下作出最適決策。總是在商場競爭中處於領先。 Collabion Charts for SharePoint from Collabion  

超高效能、最尖端網頁技術、職業級動畫效果 什麼是GSAP？（GreenSock Animation Platform） 由 GreenSock團隊提供的 Javascript 函式庫。您可以將它想成製作網頁動畫的瑞士刀……但好用的多。它將任何 JavaScript 可觸及的物件以網頁動畫呈現，可解決許多瀏覽器不相容的問題。檔案小、語法精練乾淨，使處理速度飛快（比jQuery快20倍），含有豐富的plug-in可擴充功能，簡單來說：GSAP是世界上最高效能又富有彈性的動畫函式庫。  

Moqups 網頁使用者介面原型設計工具是一款以HTML5撰寫用來設計WEB框架、模型框線或是UI概念的線上服務，它內建了超過60套手繪的SVG模板及特性 ! Moqups的所有物件皆已模組化，使用者只需要自由拉動拖曳組合排列，即可完成一款精緻的線框UI設計圖。Moqups是一個HTML5網頁App，可在最新版Chrome、Firefox與Safari上順暢使用。 使用介面&影片教學