Dribbble的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列線上看、影評和彩蛋懶人包

Axure RP8網站與App原型設計經典實例教程（超值版）

為了解決Dribbble的問題，作者朱傳明 這樣論述：

原型設計是互聯網行業產品設計過程中不可缺少的環節，也是檢驗互聯網產品經理能力的重要指標。本書通過豐富的實例展示了Windows系統下流行的快速原型設計工具Axure強大的原型設計能力。 本書分為12章。第1章講解原型設計的基本知識。第2章介紹Axure的工作空間。第3章介紹原型設計的操作技巧。第4章講解如何隨時查看設計效果。第5章介紹的變數與函數是第6章“事件處理”的基礎。第6章講解的“事件處理”知識是Axure原型設計的精髓，配合第7章講解的動畫效果，可令原型更加生動。第8章介紹動態面板的使用方法。第9章介紹的中繼器是一個有趣且有用的元件。第10章詳細介紹如何設計自己的元件庫。最後兩章以實

際案例為基礎，針對不同的場景，全面介紹如何使用 Axure工具，涵蓋了 Axure的大部分知識點，其中，第12章更是將多場景完整銜接，讀者可以通過練習學會如何在實際專案中綜合應用軟體。 本書適合互聯網和移動互聯網產品經理，以及需求分析師、UI/UE設計師、交互設計師學習和使用，對於有志於從事互聯網產品運營工作的讀者來說，本書對提升其產品原型設計能力也將有所幫助。 朱傳明，曾就職於亞信聯創科技（中國）有限公司，現擔任北京思特奇資訊技術股份有限公司電子商務和互聯網支撐產品線電子管道部門產品經理。人人都是產品經理專欄作家、起點學院導師。 關注移動互聯網、交互設計和使用者體驗方

面的內容，多年的開發和需求分析經驗，熟悉Axure原型設計工具，在公司內部做了系列Axure原型培訓教程，有著紮實的理論知識和豐富的實踐經驗。 01 原型設計的基本知識/011 1．1 Axure RP 介紹/012 1．1．1 當前版本/012 1．1．2 主要功能/012 1．1．3 其他原型設計工具/013 1．2 原型設計的概念/014 1．3 原型設計的重要性/016 1．4 我該如何著手學習/016 1．5 組件化的設計思路/017 1．6 學習路徑/017 1．7 小結/018 02 Axure工作空間介紹/019 2．1 概述/020 2．2 工具列/02

0 2．2．1 選擇、連接和畫筆/020 2．2．2 排列順序/021 2．2．3 編組與打散/022 2．2．4 對齊與分佈/022 2．2．5 鎖定與解鎖/023 2．2．6 樣式工具列/023 2．3 左側面板/024 2．3．1 網站地圖/024 2．3．2 元件庫/024 2．3．3 母版庫/025 2．4 右側面板/026 2．4．1 屬性和樣式/026 2．4．2 頁面元素大綱/026 2．5 設計區域/027 2．5．1 右鍵菜單/027 2．5．2 用例編輯/028 2．5．3 變數與函數編輯/030 2．6 小結/030 03 Axure原型設計的操作技巧與解析/031

3．1 關於元件命名/032 3．2 怎樣讓內容螢幕居中/033 3．3 背景適應寬度/033 3．4 交互樣式設置/034 3．5 矩形的基本樣式設置/034 3．5．1 選擇形狀/034 3．5．2 背景顏色/035 3．5．3 文字顏色/035 3．5．4 邊框大小、顏色和線段類型/035 3．5．5 圓角/036 3．5．6 邊距/036 3．5．7 陰影/036 3．6 吸管工具的使用/036 3．7 自訂元件的設置/038 3．8 動態面板的特性/039 3．8．1 容器性/039 3．8．2 多狀態性/040 3．8．3 整體性/040 3．8．4 固定到流覽器/040 3．9

如何設置選項群組/040 3．10 選中屬性的應用/042 3．11 母版的使用/043 3．12 回應式頁面設計/043 3．13 圖片Scale-9屬性的應用/046 3．14 如何顯示草圖效果/048 3．15 發佈到移動終端/048 3．16 小結/050 04 預覽與發佈/051 4．1 關於預覽/052 4．2 關於發佈/052 4．2．1 匯出HTML文件/053 4．2．2 發佈到AxShare/053 4．3 查看原型/054 4．3．1 安裝Chrome外掛程式/054 4．3．2 從home．html開始/055 4．4 綜合實例：Hello Axure！/055 4．

5 小結/060 05 變數與函數的設置/061 5．1 概述/062 5．2 變數和函數的常用類型/062 5．3 插入變數或函數/063 實例：轉換輸入內容為大寫/063 5．4 全域變數的添加與使用/064 5．4．1 添加方法/064 5．4．2 如何使用/064 實例：通過變數給按鈕標籤賦值/066 5．5 區域變數的添加與使用/067 5．5．1 添加方法/067 5．5．2 如何使用/068 實例：給按鈕設置標籤/069 5．6 綜合實例：手機撥號盤/070 5．7 小結/074 06 事件處理/075 6．1 概述/076 6．2 普通元件/076 實例：普通事件/077

6．3 動態面板/079 實例：動態面板事件/079 6．4 文本/082 實例：文本事件/082 6．5 頁面/086 實例：頁面事件/086 6．6 事件分支/091 6．6．1 事件分支的產生/091 6．6．2 事件分支的命名/091 實例：事件分支與事件命名/092 6．7 事件動作介紹/094 6．7．1 連結動作/094 實例：不同的連結打開方式/095 6．7．2 元件動作/098 實例：顯示/隱藏快顯視窗/098 實例：自動水準幻燈片/101 實例：文本設置/103 實例：設置圖片按鈕/105 實例：性別選擇/108 實例：用戶註冊/110 實例：滑動驗證碼/111 實例：幸

運大轉盤/114 實例：動態進度條/116 實例：圖片透明度調整/117 6．7．3 全域變數動作/119 實例：轉換輸入內容為大寫/119 6．7．4 中繼器動作/121 實例：dribbble網站的作品顯示與過濾/124 6．7．5 其他動作/131 實例：設置等待時間/132 6．8 小結/134 07 動畫效果的設置/135 7．1 動畫效果的應用範圍/136 7．2 顯示/隱藏元件/136 實例：顯示/隱藏按鈕氣泡提示資訊/137 7．3 設置動態面板狀態/139 實例：自動垂直幻燈片/139 7．4 移動元件/141 實例：顯示/隱藏動態浮動氣泡/141 7．5 旋轉元件/142

實例：製作旋轉的風車/143 7．6 設置尺寸/146 實例：設置圖片縮放效果/146 7．7 小結/148 08 動態面板的設置/149 8．1 概述/150 8．2 動態面板的屬性/150 實例：自動調整為內容尺寸/150 實例：固定到流覽器/152 8．3 動態面板事件/154 8．3．1 載入事件/154 8．3．2 拖動開始時/154 8．3．3 拖動進行時/155 8．3．4 拖動結束時/155 實例：移動滑塊，即時顯示當前滑塊位置/155 8．4 綜合實例：“人人都是產品經理”之動態面板的應用/159 8．5 小結/166 09 中繼器的操作/167 9．1 概述/168

9．2 中繼器的基本操作方法/168 9．2．1 添加排序/168 9．2．2 移除排序/169 9．2．3 添加篩選/169 9．2．4 移除篩選/169 9．2．5 設置當前顯示頁面/170 9．2．6 設置每頁顯示專案數量/170 9．2．7 添加行/170 9．2．8 標記行、取消標記/170 9．2．9 更新行/171 9．2．10 刪除行/171 實例：中繼器樣式設置/171 9．3 綜合實例：使用者清單的資料操作/173 9．4 小結/182 10 元件庫的設計與應用/183 10．1 概述/184 10．2 元件庫設計的作用和意義/185 10．2．1 提高原型設計效率/18

5 10．2．2 保持原型設計的一致性/185 10．3 綜合實例：Android元件庫的 設計/186 10．4 小結/190 11 綜合實例的操作與應用/191 11．1 綜合實例：“淘寶網”首頁自動 幻燈片/192 11．2 綜合實例：“網易雲音樂”分享 快顯視窗/195 11．3 綜合實例：“美團網”導航 菜單/199 11．4 綜合實例：“人人都是產品經理”網站導航功能表/205 11．5 綜合實例：“新浪微博”下拉 刷新/210 11．6 綜合實例：“雷鋒網”浮動 功能表列/217 11．7 綜合實例：“京東網”手機品牌的選擇/222 11．8 綜合實例：“UC流覽器”檔 下載處

理/225 11．9 綜合實例：“淘寶網”商品搜索 結果/235 11．10 綜合實例：“創業邦”登錄和 註冊介面/243 11．11 小結/252 12 微信Android用戶端原型 設計/253 12．1 概述/254 12．2 準備工作/255 12．2．1 截圖功能的應用/255 12．2．2 吸管工具的應用/256 12．2．3 用戶端截圖準備/256 12．3 設計公共元件庫/257 12．3．1 新建元件庫/257 12．3．2 設計元件庫內容/258 實例：製作綠色按鈕/258 實例：製作淺灰色按鈕/259 實例：製作返回箭頭圖示/260 實例：製作輸入框/261 實例：製作

標題列/264 實例：製作白色/綠色文字氣泡背景/265 實例：製作提示資訊彈出框/267 實例：製作輸入法鍵盤/268 實例：製作照片選擇列表/272 實例：設置“開關”選項/275 實例：設置“掃一掃”功能/277 12．3．3 載入元件庫/281 12．4 綜合實例：微信登錄和首頁設計/282 12．4．1 設置啟動介面/282 12．4．2 設置登錄介面/283 12．4．3 首頁佈局/286 12．4．4 制作主導航/287 12．4．5 設置“搜索”功能/289 12．4．6 設置微信菜單/290 12．4．7 設置“添加朋友”功能/292 12．4．8 “掃一掃”功能的應用/29

3 12．4．9 設置消息清單/295 12．4．10 設置“好友聊天”功能/299 12．4．11 預覽/304 12．5 小結/306 附錄：函數與屬性/307 元件屬性/307 視窗屬性/307 游標屬性/308 數位函數/308 數學函數/308 字串函數和屬性/308 日期函數/309

Dribbble進入發燒排行的影片

單重線風格表現詩經季節意象月曆設計創作研究

為了解決Dribbble的問題，作者楊詩涵 這樣論述：

《詩經》為中國第一部詩歌總集，記載當代人們生活概況、風土民情。為喚起人與自然之連結，分析《詩經》文體及圖像領域的發展脈絡：詩歌有抒發內心情感的功能，因此創作時使用賦、比、興三種抒發內心情感之譬喻體裁，而單重線風格源於西洋書法帶有裝飾性特色，其裝飾性強、可將創作主體敘事化之表現風格與《詩經》體裁之譬喻手法具異曲同工之妙。所以，本研究試圖探索單重線風格之特徵，與其應用在古典美學的融合的可能性，並以月曆為載體，建構單重線表現風格的《詩經》月曆設計創作模式，並結合古人面對季節轉變的智慧與現代人對月曆的使用需求。在研究方法部分，使用文獻分析法及案例研究法，彙整出單重線風格、《詩經》以及月曆的相關文獻中

可表徵的概念，並透過案例研究分析取樣自Bēhance及Dribbble於排序最受讚賞的單重線風格作品，並將樣本進行圖像風格、創作元素及色彩之表格分析比較。分析顯示：6名插畫家使用對稱構圖，其中有5名使用左右對稱軸心之構圖；創作元素共6 名插畫家在意境表達上運用植物、動物及昆蟲等自然元素表現其內涵、4名插畫家融入幾何圖案，其中有3名皆為將自然元素幾何化；色彩上6名插畫家運用單色色系創作，並另外融入一種輔助色彩。據此以月曆為載體進行創作實證，共十三張作品，傳遞古今交融的文化意象與表現詩篇中流轉的情意與感動。經由創作研究後歸納出三點結論：一、單重線風格的敘事特性能表現《詩經》賦、比、興體裁之表現特徵

；二、單重線風格富有創作彈性，能融合不同風格形式進行創作；三、《詩經》重視自然萬物與人類的連結，能喚起品味歲時之美的感動。

UI設計從零蛻變：UI、UE與動效設計全解密

為了解決Dribbble的問題，作者顧領中 這樣論述：

通過精選案例引導讀者深入學習，系統地介紹了UI設計的相關知識和應用方法。 　　 全書分為7篇，共26章。1篇為HelloUI篇，主要介紹UI基礎知識和UI設計師的自我修養。第2篇為設計之道，主要介紹設計中的點、線、面、色彩的表達藝術等內容。第3篇為圖示設計，主要介紹PS圖示設計技巧、iOS圖示、生活類、視聽類、攝影類、質感類和Dribbble風格的APP圖示設計。第4篇為Sketch介面設計，主要介紹Sketch的系統知識、簡單的時鐘案例、MBE風格、網易雲音樂實戰等內容。第5篇為AE動效設計，主要介紹動效設計基礎原則、天氣類、音樂播放機、健身行車類、註冊介面、計時類、支付類等APP動效設計。

第6篇為高手秘笈，主要介紹UI設計師的求職秘笈和UI設計的外包單報價秘笈等。第7篇，主要介紹專案實戰內容。 　　 本書不僅適合UI設計初級、中級用戶學習，也可以作為各類院校相關專業學生和UI設計培訓班學員的教材或輔導用書。 顧領中，任職“C課堂”教育總監一職，從事IT培訓，2014年入駐網易雲課堂、教育、百度傳課，2015年創辦“C課堂”，同年入駐騰訊課堂、meia、優酷課堂。主要設計包括：PS,店鋪裝修,平面設計，網頁設計，家裝設計，影視後期，包裝設計，VI設計，logo設計，設計理論等。 第1篇HelloUI 第1章初識UI設計 1.1UI行業前景分

析 1.1.1UI設計師到底做些什麼 1.1.2為何UI設計行業門檻越來越高 1.1.3UI行業發展前景 1.2開發流程—App誕生記 1.3UI設計師的工作內容 1.4各類設計的常用軟體 第2章UI設計師的自我修養 2.1認識UE設計 2.2五大設計原則 2.3讓用戶擁有自主控制權 2.4狀態跟蹤 2.5設計規範 2.6簡化元素 2.7面試技巧 第2篇設計之道 第3章設計中的點、線、面 3.1平面構成中的“點”究竟是怎樣的 3.2很多時候吸引眼球就靠“點” 3.3從蘋果公司廣告片分析“點”的氣質 3.4再簡單也可以做創意 3.5點的固位性與凝聚性 3.6點元素在後期印刷中的作用 3.7平面

構成中線的“特質” 3.8線元素的應用 3.9對線元素進行破壞組合 3.10利用線元素的延伸豐富結構 3.11平面構成中“面”的類型 3.12面的情感與表現力 第4章色彩的表達藝術 4.1色彩的三大屬性 4.2夠出彩才夠出色 4.3色彩數量 4.4色彩重量 4.5色彩群組 4.6色彩的可視性 第3篇圖示設計 第5章PS圖示設計小技巧 5.1動作的使用 5.2繪製輔助線的技巧 5.3圖元對齊的重要性 5.4布耳運算 5.4.1初識布耳運算 5.4.2通過布耳運算設計E-mail圖示 5.4.3通過布耳運算設計Camera圖示 第6章iOS全系列圖示 6.1我的第一個iOS圖示—FaceTime

6.2注意字體的使用—日曆 6.3炫彩圖示—照片 6.4輕質感圖示—相機 6.5換種思路做設計—天氣 6.6早起早睡必備—鬧鐘 6.7再也不擔心走丟了—地圖 6.8喜歡看什麼都行—視頻 6.9畫畫、記事、拍照—備忘錄 6.10你身邊的小秘書—提醒事項 6.11曲曲折折疏疏密密—股市 6.12我的遊戲中心—GameCenter 6.13醫生時刻在你身邊—健康 6.14看似複雜，實則簡單—iTunesStore 6.15耐心、細節、化簡—AppStore 6.16其實真的很簡單—設置 6.17常聯繫、別忘記—資訊 6.18還是有些小技巧的—郵件 6.19超贊流覽器—Safari 6.20靜靜地聽

會Music—音樂 6.21團隊需要協同工作—命名規範 6.22規範文檔—成品展示 第7章生活必備的App 7.1朋友圈就是全世界—微信 7.2陪你到永遠—QQ 7.3每天刷夠100遍—微博 7.4不止一面，大有看頭—QQ流覽器 7.5方便每一個人的出行—滴滴出行 7.6吃遍所有，買夠一條街—餓了麼 第8章視聽類App設計 8.1悅享品質的視頻App—愛奇藝 8.1.1悅享品質的視頻App—愛奇藝01 8.1.2悅享品質的視頻App—愛奇藝02 8.2不負好時光—騰訊視頻 8.3音樂總有新玩法—酷狗 8.4金曲撈—QQ音樂 8.5這世界很酷—優酷 8.6量身定做的音樂播放機—網易雲音樂 第9章

攝影類App圖示設計 9.1瞬間提高顏值—美顏相機 9.2我就是喜歡秀—美圖秀秀 9.3越親密越有趣—激萌 第10章質感類圖示設計 10.1巧用漸變色—電梯按鈕 10.2“圖層樣式”使用技巧—電話 10.3漸變疊加與形狀合併—郵件 10.4超酷炫的安全App—密碼鎖 第11章Dribbble設計風格 11.1Dribbble餐飲風格—啤酒 11.1.1Dribbble餐飲風格—啤酒01 11.1.2Dribbble餐飲風格—啤酒02 11.2Dribbble餐具風格—烤箱 11.2.1Dribbble餐具風格—烤箱01 11.2.2Dribbble餐具風格—烤箱02 11.3Dribbble餐

具風格—煎烤 11.3.1Dribbble餐具風格—煎烤01 11.3.2Dribbble餐具風格—煎烤02 11.4Dribbble閱讀風格—書籍 11.4.1Dribbble閱讀風格—書籍01 11.4.2Dribbble閱讀風格—書籍02 11.5Dribbble美食風格—披薩 11.5.1Dribbble美食風格—披薩01 11.5.2Dribbble美食風格—披薩02 第4篇Sketch介面設計 第12章Sketch系統知識介紹 12.1Sketch介面初識 12.2布耳運算、編組、對齊與分佈 12.3變換、混合模式、投影、內陰影、輸出 12.4圖元對齊、蒙版、創建輪廓、歷史記錄

12.5旋轉複製的技巧 12.6非規則形狀調整 12.7快速製作手機App的神奇秘密—Craft 12.8B站介面案例實戰 12.9超級方便的標注外掛程式—SketchMeasure 12.10更加高效的設計—複用樣式 12.11快速修改設計風格——更改複用樣式 12.12嫌編組太麻煩怎麼辦——創建並編輯複用樣式 12.13靈活修改tabbar 12.14物理解析度與邏輯解析度 12.15一起打包——多對象的命名與輸出 12.16千萬不要犯迷糊—路徑詳解 12.17點陣圖的相關編輯技巧 12.18文字的編輯技巧 第13章簡單的時鐘案例 13.1基礎規範 13.2布耳運算 13.3細節修飾 13

.4路徑與複用樣式 13.5製作錶盤刻度 13.6對齊與分佈的相關技巧 13.7套用iOS10UIkit 第14章漂亮的MBE風格 14.1風格介紹與應用 14.2虛線條的製作方法 14.3蒙版多層嵌套關係 14.4通過常用工具快速修飾細節 14.5臉部細節描繪 14.6繪製表情 14.7繪製身體 14.8繪製頭髮 第15章網易雲音樂專案實戰 15.1App介面的設計規範與顏色標注 15.2頁面的製作過程 15.3巡覽列與狀態列的製作 15.4下方標籤欄細節調整 15.5頂部標籤欄的設計 15.6製作“私人FM”“每日歌曲推薦”“雲音樂熱歌榜”等部分 15.7設置封面圖片 15.8Craft該

用就用 15.9網易雲音樂LOGO繪製 15.10快速製作icon 15.11複用樣式 15.12資源匯出 第5篇AE動效設計 第16章AE動效設計基本原則 16.1先混個臉熟—認識AE介面 16.2旋轉跳躍我不停歇—基本動畫屬性 16.3就是不走尋常路—緩動 16.4你怎樣我就怎樣—繼承關係 16.5物件關係和層次結構—偏移與延遲 16.6用好路徑是關鍵—變形 16.7遮遮掩掩的藝術—遮罩 16.8還有更多不錯的選擇—描邊動畫 16.9既高清又容量小的秘密—渲染 16.10那些不安分的參數—數值變化 16.11看看有什麼藏著掖著的—覆蓋 16.12簡單的融合動畫—克隆 16.13實實虛虛、

主次分明—蒙層 16.14操作中的回饋—視差 16.15連續感和位置感—緯度 16.16開機動畫怎樣看起來更酷—移動和縮放 第17章天氣類App動效實戰 17.1AE軟體強大的繪製功能—介面繪製 17.2AE軟體中的圖形組合技巧—布耳運算 17.3使用運算式實現迴圈播放—loopout運算式 17.4有節奏地搖頭晃腦—wiggle運算式 17.5設計動畫的片頭—出場動畫 17.6設置柔和曲線—整體調整 第18章音樂播放機App動效實戰 18.1結合外部素材圖片—基本設置 18.23D切換動畫—基本3D 18.3添加時間變化特效—編號 18.4軌道蒙版遮罩組合技巧—效果整合 第19章健身行車類A

pp動效實戰 19.1命名是好的工作習慣—基礎介面繪製 19.2結合AI完成高難度設計—錶盤繪製 19.3分析製作的思路—原理講解 19.4來點有彈性的感覺—基本形動畫 19.5就是要變變變—數值變化 19.6雙重嵌套的奧秘—軌道蒙版 19.7超酷的線條動畫外掛程式—3DStroke 19.8動感線條的設計細節—光線效果 第20章註冊介面動效 20.1規範設計標準—介面製作 20.2豐富設計場景—介面設計 20.3模擬手指觸控效果—觸感動畫 20.4再複雜也難不住我—資訊交互 20.5調整畫面的緩動—文字緩動 第21章計時類App動效設計 21.1對齊與分佈技巧—滾屏效果 21.2一黑一白製作

景深—球面化效果 21.3形狀層動畫效果—開關按鈕 21.4不放過每一個瑕疵—整體效果 第22章支付類App動效設計 22.1繪製輪廓—信用卡icon 22.2開始便已結束—載入效果動畫 22.3圖形變化效果—遮罩與轉場 22.4精緻的小按鈕動畫—按鈕確定 22.5無縫對接效果—資訊輸入框 22.6不透明度隨機變化—遊標動畫 22.7巧妙使用遮罩—打字機動畫 22.8鍵入文字提示效果—鍵盤效果 第6篇高手秘笈 第23章UI設計師求職秘笈 23.1瞭解公司 23.2面試技巧 23.3簡歷製作 23.4專案資料準備 第24章UI設計的外包單報價秘笈 24.1UI設計師的接單管道 24.2UI設計

師的外包報價  

藉由Google Flutter打造一款線上服務

為了解決Dribbble的問題，作者張大偉 這樣論述：

自 2008 年智慧型手機的興起，人們就越來越依賴智慧型手機帶來的龐 大資訊，不論何時何地皆可查詢到想要知道的資訊，在本篇論文中，我們 因著每天需要煩惱的事情“食”為主題，人們進入陌生的地方，他們通常不 清楚周邊附近有什麼美味的餐廳可以選擇;隨意嘗試陌生的店家，很容易 會進到不是他們想要去的店，或是餐點性價比不高。在本篇論文中，我將 透過需求，提出並開發名為「沃克地圖」的服務，以解決人們的困擾。沃 克地圖是一款基於地理位置發展的應用程式，採用 Google 新發布的行動應 用軟體開發套件 Flutter 來開發。透過沃克地圖尋找當地的餐廳，除了基本 的地圖探索、收藏口袋、美味佳餚的資訊內容外

，我們的應用程式還將可 以包含各種內容，例如:門票、活動、商品、優惠券、菜單等各種內容資 訊，這些資訊可以幫助用戶做出決定，我們希望沃克地圖可以為用戶提供 更好的線上服務。在本篇論文中，將從頭開始開發一款線上服務，從需求面到設計，從 概念發想(idea)、用戶路徑(user story)、需求(todolist)、架構(architecture)、 線框稿(wireframe)、視覺稿(mockup)、概念原型(prototype)、系統開發 (develop)、服務上線(online)等等，以上一連串的過程，接著延伸到開發上 架等，進一步思考未來在商業模式上的可行性與未來性。我們將透過 Go

ogle Flutter 開發可在 Android 與 iOS 執行的應用程式，後端採用 NodeJS 語言來建立基底，資料庫則是採用 MongoDB，伺服器是使用 Google Cloud Platform 架設一台虛擬機器。