104學習精靈

UI設計

UI設計
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
關於教室
關注人數 74 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 74 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

UI設計 學習推薦

全部
影片
文章
知識貓星球

喵星人

06/13 15:04

Sketch設計工具,初學者必學的五個功能!使用方法介紹
Sketch 是一個廣受設計師喜愛的 UI/UX 設計工具,其強大的功能使設計過程更加高效。本文將介紹初學者必學的五個功能,包括畫板、符號、共享樣式、外掛和原型製作,幫助你快速掌握 Sketch 並創作出色的設計作品,以下是初學者必學的五個功能及其詳細介紹:
1. Artboards (畫板):
✴︎ 功能介紹:Artboards 是 Sketch 中用來設置和組織不同頁面或設計構件的工具。它們可以看作是設計的畫布,可以幫助設計師在一個文件中管理多個頁面的設計。
➤ 使用方法:點擊工具欄中的 「Artboard」工具,然後在畫布上拖動創建一個新的 Artboard。可以根據需要調整大小或選擇預設的設備尺寸(如 iPhone、Android 等)。
2. Symbols (符號):
✴︎ 功能介紹:Symbols 是 Sketch 中的一個強大功能,可以讓設計師創建可重複使用的設計元件,如按鈕、導航欄等。當 Symbols 被修改時,所有引用該 Symbols 的地方都會同步更新。
➤ 使用方法:選擇你想要創建成 Symbols 的元件,然後右鍵選擇 「Create Symbol」,或者使用快捷鍵 Command + Option + K。這些 Symbols 可以在不同頁面中重複使用。
3. Shared Styles (共享樣式):
✴︎ 功能介紹:Shared Styles 允許設計師為文本或圖層設置一個統一的樣式,並在整個設計文件中應用這些樣式。當共享樣式更新時,所有使用該樣式的元素都會同步更新。
➤ 使用方法:在右側屬性面板中設置圖層或文本的樣式,然後點擊樣式選擇器並選擇 「Create Shared Style」。這樣就可以在其他圖層或文本中應用這個樣式。
4. Plugins (外掛):
✴︎ 功能介紹:Sketch 支持大量的外掛,可以擴展其功能並提高設計效率。外掛可以幫助自動化任務、生成假資料、優化資產管理等。
➤ 使用方法:在 Sketch 的頂部菜單欄中選擇 「Plugins」,然後選擇 「Manage Plugins」 來安裝和管理外掛。你可以從 Sketch 外掛網頁下載各種外掛。
5. Prototyping (原型製作):
✴︎ 功能介紹:Sketch 提供了基本的原型製作功能,可以讓設計師創建互動流程,模擬用戶在應用或網站中的操作。這些互動可以幫助測試設計和獲得用戶反饋。
➤ 使用方法:選擇你想要設置互動的元素,然後點擊右側屬性面板中的 「Prototype」 標籤,設置連接到另一個 Artboard 的互動。可以設置觸發事件(如點擊、滑動)和過渡動畫。
學會這五個功能可以大大提升你在 Sketch 中的設計效率和創意實現能力,幫助你快速上手並創建專業的設計作品。
0 0 437 0

熱門精選

104學習精靈

產品

06/14 14:17

【限時限量】千元入手「前端」大神|新手指南課,前100位再贈100點Line Points
只有100位,先搶先贏,活動辦法如下:
-
(1)凡於2024年7月9日23:59前,於104課程中心付費購買「第一次就上手,前端工程新手指南」的前100名會員,即可獲贈100元Line Points點數回饋
-
『第一次就上手,前端工程新手指南』購課連結:
預購優惠中,輸入【FF50】不到千元!
-
(2)付款完成時間須是2024年7月9日23:59前,且無申請課程退款,始符合獲贈點數回饋的資格(符合資格者不再另行通知)
-
(3)符合上述資格的前100名會員,您的回饋點數將於2024年8月8日前,寄送至您填寫的e-mail電子郵件信箱
-
若資格已額滿,會於此貼文首段文字進行通知
如您有任何疑問,歡迎來信nabiservice@104.com.tw或致電02-2912-6104 分機8934
0 0 8629 0
104學習精靈精選課程
看更多課程
想提升職場競爭力?專業技能課程看起來👇
1868 4
知識貓星球

喵星人

06/06 10:50

哪個產品設計與原型工具比較好?Sketch、Figma、Adobe XD 優缺點一覽!
Figma、Sketch和Adobe XD 是當今主要的UI/UX設計工具,每個工具都有其獨特的特色和優勢,選擇取決於個人喜好、工作環境和團隊需求。Figma以其跨平台支持和強大的協作功能脫穎而出;Sketch擁有直觀的界面和強大的向量繪圖功能,特別適合macOS用戶;Adobe XD集成了Adobe生態系統,適合那些已經熟悉Adobe產品的設計師。以下分別介紹三個工具的優缺點:
【Sketch】
優點:
- 界面簡潔:簡單直觀,適合初學者和專業設計師。
- 插件豐富:擁有大量第三方插件,可以擴展功能,提高設計效率。
- 向量編輯:強大的向量編輯功能,適合圖標設計和UI設計。
- Sketch Cloud:可以與團隊共享設計文件,並進行基本的原型設計和反饋。
缺點:
✘ 僅支援macOS:只能在macOS上運行,限制了Windows用戶的使用。
✘ 實時協作較弱:與Figma相比,Sketch的實時協作功能較弱,需要使用第三方插件或雲端存儲服務來實現團隊協作。
- 需要一次性支付軟件許可費用。
【Figma】
優點:
- 跨平台支援:支援Windows、macOS和網頁版,靈活性高。
- 實時協作:強大的實時協作功能,適合團隊合作設計。
- 雲端儲存:所有設計文件存儲在雲端,便於隨時隨地訪問和共享。
- 原型設計:內置強大的原型設計工具,無需使用額外的插件。
- 提供免費版和付費版。免費版包括限制,但對於個人用戶和小型團隊來說是一個不錯的選擇。付費版則提供更多功能和團隊協作能力。
缺點:
✘ 需要網路連接:雖然有離線模式,但最佳體驗需要穩定的網路連接。
✘ 資源密集:對系統資源要求較高,可能在低配電腦上運行不夠流暢。
【Adobe XD】
優點:
- 跨平台支援:支援Windows和macOS。
- 集成Adobe生態系統:與Photoshop、Illustrator等Adobe工具的無縫集成。
- 原型設計與分享:強大的原型設計功能,便於分享和收集反饋。
- 自動動畫:內置自動動畫工具,簡化動畫製作流程。
- 有免費版和付費版,免費版提供了基本的功能,付費版則提供更多功能和團隊協作能力。
缺點:
✘ 插件生態系統較弱:相比Sketch,Adobe XD的插件生態系統相對較小。
✘ 學習曲線:對於非Adobe用戶,初始學習曲線可能較陡。
✘ 提供了一些團隊協作功能,但與Figma相比功能稍嫌不足。
1 0 340 0

推薦給你

知識貓星球

喵星人

2小時前

PM 運維層面知識:SSL 憑證介紹,SSL特點、種類以及運作原理
SSL憑證 ( Secure Sockets Layer )是一種數字憑證,用於在網絡通信中建立加密連接,確保數據在傳輸過程中的機密性和完整性。SSL(Secure Sockets Layer)和其後繼版本TLS(Transport Layer Security)是用於實現這種加密的協議。SSL憑證的主要功能和特點如下:
1. 數據加密:SSL憑證使用加密技術確保在用戶和服務器之間傳輸的數據是安全的,防止數據被攔截和竊取。
2. 身份驗證:SSL憑證驗證網站的真實性,確保用戶訪問的網站是合法的,而不是偽造的網站。這有助於防止釣魚網站(phishing)攻擊。
3. 數據完整性:SSL憑證確保數據在傳輸過程中不被篡改或破壞,任何未經授權的修改都會被檢測到。
4. 信任標記:獲得SSL憑證的網站通常會在其網址前顯示一個鎖形圖標,並使用“https”開頭,這表明網站使用了SSL/TLS協議進行加密。
【SSL憑證的類型】
➊ 域名驗證(DV,Domain Validated):只驗證域名的所有權,發行速度快,但信任等級最低。
➋ 組織驗證(OV,Organization Validated):除了驗證域名所有權,還會驗證申請者的身份和組織信息,信任等級較高。
➌ 擴展驗證(EV,Extended Validation):進行最嚴格的身份驗證,通常會顯示公司名稱在瀏覽器的地址欄中,信任等級最高。
【SSL憑證的工作原理】
➊ 握手過程:當用戶訪問使用SSL/TLS加密的網站時,瀏覽器和服務器之間會進行一次握手過程,協商加密算法並交換加密密鑰。
➋ 數據加密:握手完成後,所有傳輸的數據將使用協商好的加密算法和密鑰進行加密。
➌ 數據傳輸:加密數據在用戶和服務器之間傳輸,確保數據的機密性和完整性。
SSL憑證對於保護互聯網上的敏感訊息(如登錄憑證、信用卡號碼等)至關重要,特別是在電子商務、網上銀行和其他需要高度安全的應用中。
0 0 53 0
你可能感興趣的教室