Ⅰ mac平台最主流的ui設計軟體是哪個軟體
Sketch for mac是一個創新的矢量繪圖軟體,擁有簡約的設計,調色板,面板,菜單,窗口和控制項和功能強大的矢量繪圖和文字工具,包含完美的布爾運算,符號,和強大的標尺,參考線和網格;非常適合網頁設計和移動設計者使用。
新版Sketch 新增功能
1. 提升文檔滾動時的流暢度
這個感受不到,如果大家遇到 Sketch 卡頓,建議重新打開即可。之前遇到的舊版本使用 1-2 個小時後就開始卡頓,不過最近的幾個新版本沒有再遇到過。
2. Sketch Cloud文件優化
如果使用了 Sketch Cloud 文件,那麼下載的時候會在縮略圖上展示進度條。但這個 Cloud 服務是需要付費的,國內很少用,所以本次 61 對此進行的更新對我們設計師也影響不大。
3. 調整大小的顯示控制項在普通屏幕上優化顯示
由於大部分設計師的 Mac 都是視網膜屏幕,所以這個基本也沒有什麼影響。還是那句話,既然作為 UI 設計師,那麼請對自己的硬體要求稍微好一點。
4. 對齊像素功能優化
對於任何包含小數點的未對齊像素元素,都可以使用像素對齊功能。
實際工作中很多設計師的 Sketch 文件都會出現小數點,尤其是在間距、寬高這樣的基本框架結構中,會嚴重影響我們的標注數值。
Sketch for mac61
Ⅱ 除Axure外,蘋果筆記本電腦是用什麼軟體來做交互原型的
POP(Prototyping on Paper)算是移動App原型設計神器 ,很多公司在用:uora、sina、豆瓣、36氪、ifanr操 作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然後開始編輯圖片的哪個區域(按鈕)鏈接到什麼頁面,添加跳轉鏈接熱區,就可以在iPhone上給小夥伴們演示了,並且POP內嵌的交互動作 如側滑、展開、消失等,即可滿足一般的動態演示需要;
Pencil Project Pencil是一款開源的可以用來製作圖表和GUI原型的工具,可以作為一個獨立的app,也可以作為Firefox插件。內置模版可以幫繪制桌面和移動界面中用到的各種各樣的用戶界面,包括流程圖、UI和一般的通用圖形;通過它內置的模板,可以創建可鏈接的文檔,並輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。Pencil Project還包含大量移動app模版;
Axure 大家都很熟悉了,這里主要說下移動端的演示,這樣才充分表達原型意圖。按F5生成原型的時候,在「Mobile/Device」選項中可以設置適配移動設備 的特殊原型(Axure 6.5以下版本),再用移動設備訪問生成的原型鏈接即可(該頁面創建一個桌面快捷方式)
Proto.io Proto.io是一個專用的手機原型開發平台——可以構建和部署全互動式的移動程序的原型,並且可以模擬出相似的成品。它可以運行在大多數的瀏覽器中,並提供了3個重要的介面:dashboard、編輯器以及播放器;
dashboard 可以用來管理項目。編輯器是構建原型的環境,由一組設計和開發原型的工具組成,另外還可以構建交互。播放器用來觀看原型,並與原型進行交互,並提供了相關 工具來標注和保留反饋信息,以直接在真實的移動設備上對原型進行測試。並且可以使用iOS或Android上的瀏覽器以全屏模式運行原型;
Moqups 是一個非常好的、免費的HTML5應用,通過它可以創建可愛樸素的線框圖、實體模型和UI概念。該程序使用起來非常簡單,並且有內置的模板可以直接使用(模板包括單選按鈕、鏈接、圖像佔位符、文本框以及滑塊等),它還提供了iPhone和iPad模板,以及iOS相關的按鈕、提示框、picker、菜單、開關以及鍵盤等。可以設置網格的尺寸,並預覽和分享線框圖。Moqups提供了一個很有用的功能就是對齊網格,可以使對象精準對齊;
UXPin UXPin是DeSmart團隊開發的一個簡易快速的實體模型和在線可點擊原型創作工具。它基於優秀的用戶體驗設計原則,在構建原型中,它提供了一個完整的工具包(該工具包具有良好的用戶設計模式和元素)來從頭構建一個出色的原型。UXPin 具有響應式的斷點功能,創建的響應式原型和線框圖可以運行在不同的設備和解析度上。另外該軟體還提供了版本控制和迭代功能,可以輕松的共享預覽,直觀的注 解和實時的協同編輯和聊天。該軟體擁有大量具有吸引力的用戶界面元素風格(包括web,iOS,Android等),並且具有快速、靈敏的響應拖放介面;
OmnigraffleOmniGraffle是由The Omni Group製作的一款帶有大量模版可以用來快速繪制線框圖、圖表、流程圖、組織結構圖以及插圖等類型圖的app,也可以用來組織頭腦中思考的信息,曾獲得2002年的蘋果設計獎。它採用拖放的所見即所得界面,可以用鋼筆工具繪制自定義的模版或者圖形,此外還自帶Graffletopia提供的多個iPhone、iPad以及Android模版;
JustinMind JustinMind是由西班牙JustinMind公司出品的原型製作工具,可以輸出Html頁面。與目前主流的交互設計工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更為專屬於設計移動終端上app應用。JustinMind 可以幫助開發者設計更豐富、更具交互新的移動產品線框圖,包含了iPhone、Android 以及iPad常用手勢,滑動、縮放、旋轉,甚至捕捉設備方向等,從而創造出更具交互性的原型。另外,它可以導出原型信息到Microsoft Word,生成規范的文檔。此外,還可以自定義小組件,創建自定義組件庫,並進行分類,不管對象是iPhone、iPad、黑莓、Android還是其他;
FluidUI Fluid UI是一款用於移動開發的Web原型設計工具,可以幫助設計師高效地完成產品原型設計。Fluid UI 內置超過1700款的線框圖和手機UI控制項,並且還會經常進行更新。Fluid UI無設備限制,無平台限制(Windows、Mac以及Linux系統),支持Chrome和Safari瀏覽器(Chrome瀏覽器上的app也可離 線使用)。可以使用Fluid Player來預覽設計,收集意見和反饋。還可以以PNG、PDF方式輸出Fluid UI使用方法簡單,採取拖拽的操作方式,不需要程序員來寫代碼。另外,Fluid UI資源庫非常豐富,有針對iOS、Android以及Windows 8的資源。如果覺得庫存資源不能滿足你的需求,你也可以自行添加
Protoshare ProtoShare:在線網站開發協同製作工具是一個十分便捷的在線原型製作工具,側重於團隊協作。團隊成員可以通過這個工具對工作進行審查,並及時提供反饋,對線框圖或內容進行建議;
Wireframe Wireframe是一款具有「點擊-拖-放」界面且超簡單的線框圖創作工具。雙擊實現編輯功能,有限的界面意味著會把精力集中於想法上。還給每個線框圖分配了特有的URL,便於標記和分享。
InVision InVision是一個便捷的產品原型生成工具,用戶製作一個在線原型只需要四部:創建一個工程、上傳視覺設計稿、添加鏈接以及生成在線原型。確 切說,InVision提供的不是准確的線框圖,而是一個快速原型的環境,可以把的UX/UI草圖快速連接起來。數字型的線框圖和高保真的設計可以幫測試app的工作情況,同時該工具還支持協作和分享功能,生成的在線原型可以支持任何人在產品原型的任何地方評論,便於准確的交流。針對iOS 開發,InVision還增添了其他功能,比如自定義主屏幕icon和自定義載入頁面;
Mokk.me Mokk.me 是一個簡單快速的原型工具,通過界面上簡單的拖放操作,不用了解單線編程就能創作一個可以分享、測試以及多平台的app。目前,Mokk.me正在測試 中,但它是一個簡單的基本的工具,任何人可以用它來創建app的布局。可拖、放或者編輯小工具,可以搭建和連接頁面,還可以選擇過渡動畫。它的特點還在 於頁面和按鈕、圖片小工具、文本輸入以及復選框形式。另外,可以藉助HTML、CSS以及JavaScript完成app其他一些功能,一旦創建了原型,還可以進行分享,在iOS 和Android上進行測試;
iPlotz iPlotz 是一款可以用來創建可點擊、可導航的原型和線框圖工具,適合網站開發者和移動app開發者。可以在一個可調整的頁面拖放元件,然後連接起來,增加其他屏 幕或者頁面的熱點鏈接。可以選擇使用iPhone/iPad模版或者Android模版,任何模版都有獨一無二的元件設置。iPlotz界面明白易懂,支持協同工作、可分享的編輯許可權、任務管理以及評價系統。另外,項目可以以IPML、JPG、PNG、PDF以及HTML形式輸出;
Adobe Illustrator 俗稱AI這是adobe的一款矢量圖設計軟體,推薦給設計師轉型過來的PM(沒興趣的跳過),電商圈不推薦再去費力學習其他軟體,達到溝通的目的提高效率是王道。
Ⅲ 求Mac版Principle互動式屏幕設計怎麼用順便給個下載地址!
Principle是一款新開發的交互設計軟體。相比 Pixate 更容易上手,界面類似 Sketch 等做圖軟體,思路有點像用 Keynote 做動畫,更「可視化」一些。發現目前還不能做條件相關的交互,例如「當 A 的 Scroll Release 位置大於某值時跳到下頁」。
Mac版Principle下載網頁鏈接
1. 從Sketch導入的圖層如果是用了Mask是會被合並成點陣圖的,可以用群組的方式解決
2. 復用的組件可以在圖層後面加 * ,這樣導入到Principle裡面會自動轉為點陣圖
3. 導入到Principle時選擇的x1、x2、x3做動畫的時候沒有影響,但是在手機裡面預覽如果倍率不對會出現模糊
4. Sketch導入Principle要求兩個軟體都是打開狀態,默認導入Sketch打開置於最頂層的文件
5. 添加觸發事件時(閃電標志,然後拖出的箭頭),指向自己所在的Artboard,將快速復制一個自己所在的Artboard
6. 按住Command,出現旋轉標志就可以旋轉圖層
7. Ctrl+C 可以快捷選取顏色
8. 調節左側面變的屬性的時候,下面的輸入框可以拖動改變數值
9. 聯動和動畫的區別是,一個調節位置然後屬性變化,一個是調節時間的先後順序以及快慢,以及動畫曲線
10. 聯動調節的時候,時間軸一定要復原,不然預覽的時候回出錯
11. 輸出的動畫可以放在ps裡面加到UI樣機輸出預覽圖
Ⅳ app ui交互設計用的什麼工具
app ui交互設計用的工具有很多:
WebFlow是一款 web app,你可以直接在瀏覽器中完成網站的視覺和交互設計,還包括實
時預覽和代碼編寫功能。WebFlow的編輯器界面友好,所見即所得,設計師擁有完全的控制權。WebFlow一直在持續更新功能,包括Web字體,視頻支持,交互的狀態,W3C標准化,乃至於主機託管。
Marvel是一款免費的原型設計 Web 應用,可以進行網頁設計和移動端的UI設計。和WebFlow一樣,你可以使用Marvel完全在線完成設計,並且可以和你的Dropbox同步,可以方便你進行共享或者分享。值得一提的是,Marvel 支持PSD格式文檔,也就是說你的視覺稿無需轉換格式就可以使用。
Macaw 是一款桌面端的所見即所得的設計工具,實時代碼預覽,便捷輸出。比較獨特的是Macaw可以創建響應式設計,內置的斷點編輯器可以幫你輕松地在不同尺寸的屏幕上實現完美的響應式顯示。盡管Macow中的代碼編輯功能並沒有太大必要,但是最新版的Macaw在HTML和CSS代碼編輯上體驗還是蠻好的。
UXPin 是一款比較著名的設計類的web應用,用戶可以藉助UXPin在線協作完成線框圖和原型的設計。UXPin旨在幫設計師快速便捷地進行線框圖和原型設計,擁有完備的版本管理,支持響應式設計,通過拖拽預制控制項進行UI設計。
Ⅳ 交互設計iphone的app哪個
iPhone App的特點
iPhone有自己的特點和氣質,因此他的App不同於其他鍵盤手機甚至Android這種觸屏手機。
首先iPhone只有一個物理按鍵Home,而這個按鈕主要是在系統級操作上起到一些作用,在一個應用中,絕大多數情況都是退出功能。在480 x 320這個對手機而言很大的屏幕上要包括以下3個模塊,才能對一個App進行操作。
1、虛擬鍵盤
iPhone雖然與Android同為觸屏,但沒有物理鍵盤(而Android有可能有物理鍵盤),所有的輸入操作都需要屏幕中的虛擬鍵盤來實現,同時需要考慮虛擬鍵盤的遮擋問題。
2、目錄導航
沒有物理按鍵做為目錄菜單的呼出功能,完全不同於Symbian和Android系統,包括導航也需要屏幕中的虛擬按鈕來實現。
3、功能操作
需要把所有的功能集成在App中,比如我們可以用Tab bar來做功能的分類,工具欄來做具體視圖的功能操作集合。
我們再來看看用戶對iPhone的使用習慣
顯然支持單手操作並不是iPhone應用的特性,當然也有一些游戲需要雙手進行(沉浸式應用),但因為iPhone有一塊非常靈敏支持手指多點觸控的電容屏,所以手指直接在屏幕上的操作更加直觀和更具操控感,不需要任何中間設備(按鍵或是滑鼠)來控制。
1、自上而下的操作:
用戶多數情況下會如上圖的姿態,一手握機,大拇指做為主要操作和點擊手指,我們可以看到不管是iPhone系統應用還是很多其他的優秀應用,大多使用很多的列表,因為拇指在滑動列表時會非常順暢和方便,而且操作速度非常快,所以很長的列表不會成為iPhone應用的障礙,這與其他手機平台上的特性不同,更何況在表格的情況下,單擊頂部的狀態欄可以快速回到頂部。
2、減少輸入
這與《移動設備交互設計》書中的一些觀點一致,即對於手持設備我們要盡量的減少用戶輸入,特別對於iPhone這種虛擬鍵盤而言,即便電容屏再靈敏,對於每次都准確的觸動面積很小的虛擬鍵盤也並不是一件輕松的事情,我們要盡量使用選擇器,或是輸入提示suggestion來減少成本。
3、足夠大的按鈕面積
對於iPhone這塊電容屏來講,雖然很靈敏,但接受的感觸面積並不小,且用戶又是直接用手指操作,所以我們要對應用中的所有按鈕要適合指尖來操作,跟據官方給出的設計指導,44*44pix是一個較理想的面積。
4、多點觸控手勢
相對於設備的軟硬體來說,手指總是保持可用,它是人體的一部分,可以靈活的做各種動作,而且直接觸控屏幕非常直觀,且用戶也非常願意使用這些看上去很酷手勢動作,比如可以對圖片用兩個手指拉開來放大,合並來縮小,直接拖動來調換順序,搖晃來進行刷新等。當然我們要考慮這些手勢在不同應用的不同使用場景,不要濫用。
總之,iPhone應用的是線性的,連貫的,直觀的依賴滑動操作,手指點擊,以及各種手勢給人很酷的感覺。
iPhone App的基本設計方法
1、iPhone應用的分類
1) 高效型
這類應用可以幫助用戶快速完成一個任務,注重內容的組織邏輯功能和信息架構的展現,以方便用戶快速高效的使用,最終完成任務。此類應用一般包含大量的列表及每個列表中的任務功能。最典型的就是系統自帶的「Mail」應用,這是一個非常典型的高效型應用。
此類應用給用戶的感覺是層層進入,內容逐步具體化,直到可以完成用戶的任務。
另外一個非系統應用且典型的就是QQ,可以看一下是不是也遵循這個特點。
2)實用工具型應用
此類應用一般交互操作非常少,也沒有很深的層次結構,往往都是直接了當的展示信息,一般會在「背面」(通常會有一個翻轉的效果)展示設置功能。最常見的就是「天氣」和「股票」兩個系統自帶的應用。
3)浸入式應用
大多指游戲類應用,但也有一些實用工具,比如電子羅盤,所謂浸入式應用一般是全屏模式,專注一個任務或是娛樂的深入體驗,沒有過多的文字,而將用戶的注意力放在如何使用它。
2、設計iPhone應用
1)iPhone應用的基本結構
狀態欄:這是ios系統的一部分,除了浸入式應用外,其他應用一般都會保留這個bar。
導航欄:這里包括當前的title,當前的主要操作的控制項和返回的導航功能
工具欄:對當前內容區可執行的功能動作。
標簽欄:可以理解為全局導航,方便快速切換功能或是導航。工具欄和標簽欄在一個視圖中只能存在一個。
2)移植你的應用
大多數情況下我們都是把web端的應用移植到手機上,而在web端的應用,如果我們列出一個功能結構圖,可能會包含100項以上的功能點,你可以做如下工作:
①考慮這個web端的產品,核心功能是什麼,任何一個產品都會有核心功能,以及附加功能,比如QQ,核心功能就是IM,即時通信,可能截屏是一個附加功能,盡管用的人非常多。確定核心功能後,以及圍繞核心功能盡可能少的擴展功能和邏輯。如果你的web網站或是你的業務包括很多,可以把他們按不同業務類型拆分成不同的多個應用。
②對確認的功能結構考慮在iPhone上的信息架構模型,上文說過,iPhone應用是線性的連貫操作,一層一層進入直到完成最後的任務,所以你要按這個思路去整理信息架構,一般來說,操作的深度不要超過3層,如果超過3層就要對產品形態進行扁平化處理,即由深度改為廣度,因為隨著深度的增加,每一級別都會有不同的功能,甚至有承載上一級的功能或邏輯,深度越多,這些功能就會越復雜,而在手機如此小的空間上就很難進行合理組織。
可以延伸閱讀kentzhu同學:產品:更多的限制,更簡單的設計
③合理利用iPhone應用的結構及標准控制項。
標簽欄,可以理解為web應用中的全局導航或是主要子功能的切換,這個bar可以貫穿於主要視圖的底部,方便用戶快速跳轉,比如下圖這個標簽欄。
導航欄,可以理解為web應用中的局部導航,子導航或是麵包屑,顯示當前位置,同時還承載了1個或兩個主要功能操作。可以方便用戶返回,或是對當前視圖進行1-2個最重要的操作。如下面這個導航欄。
工具欄,可以理解為web某個具體頁面中的一些主要操作功能,比如上傳,搜索等。如下面這個工具欄。
這是ios系統應用mail中,具體郵件打開後的工具欄,包括了對當前郵件的幾個主要操作。對於你的應用,你也可以把一些操作放到主視圖區中以按鈕的形式展現,不放在底部的工具欄。但我們說,iPhone用戶更習慣於iPhone一些「標准」操作,習慣iPhone的標准邏輯,所以把主要的操作以底部工具欄的方式展現似乎更好一些。
使用引喻的標准控制項
我們看到滑動效果的開關,突起效果的分段按鈕,轉盤選擇器等,代替了傳統web中死板無生氣的標准控制項。
④調用系統提供的功能介面
例如iPhone提供的地理位置介面,可以為你的應用提供不同於web端的特殊功能,設計出更具有特色的產品,更能滿足移動用戶的需求。
最後,我想說iPhone應用是簡潔的,包括設計上的簡潔和功能上的簡潔,不應該有太多的功能分支,不管你是否能組織好這些功能,過多的功能總會把用戶搞暈。iPhone應用是有特殊氣質的,你可以把他設計的完全符合iPhone使用的特點,甚至帶有一點炫酷,而不用考慮低端用戶,因為使用 iPhone並且可以裝App的用戶,他的使用經驗不會太差。
Ⅵ 蘋果手機下的交互英語軟體怎麼跟安卓系統的不一樣
兩種是不同的平台上的軟體,裡面編碼完全不一樣,界面不一樣也正常,沒有關系的。
Ⅶ 做手機交互設計需要用到哪些軟體
我學這個專業的 看你朝什麼方向發展了 是做UI UE 還是寫代碼 這個Adobe 大師版里的很多都要用到 還包括 adobe catalyst 還有寫代碼的,針對安卓系統寫代碼用JAVA 針對蘋果系統寫代碼要用到OC 還不清楚可以繼續問
Ⅷ 除Axure外,蘋果筆記本電腦是用什麼軟體來做交互原型的
可以使用justinmind原型設計工具
更適合做手機原型設計
更多地參考
justinmind夜話教程 www.91justinmind.com