西藏有一個六時書修行方法，確定要改進的一兩個弱點（比如懶惰，拖延），每天分六個時辰反省自己（間隔兩三個小時的樣子），在每個時間段有好的，不好的念頭或者行為都記下來反省總結，以便在下一個時間去調整）和鼓勵自己。這個弱點改的差不多了，就繼續下一個弱點作為目標去改正。讀富蘭克林的自傳，他基本上也是用這種方法，但沒有分每天六次這么細。
數據表單是一種常見的平臺設計樣式，在看似乏味呆板的設計中，沉淀著許多優質的設計體驗方法。尤其是在信息組織、信息傳達、信息承載和閱讀性方面，數據表單蘊含了許多設計規則和設計模式，使用戶能夠輕松地獲取、處理信息。該篇文章介紹了固定表頭、固定側欄、自定義欄、分頁器、過濾器、數據排序、多選項同時操作、簡單且簡約、普通的字體樣式、項目鏈接、鼠標懸停這 11 個設計指南，為大家提供有關數據表單設計的實用性建議。
當然，在實際的數據表單設計中，還需要根據產品要求和用戶目標進行相應的調整。你對數據表單設計有什么經驗體會？有過哪些很棒的設計案例？歡迎交流分享～
對于大多數 SaaS 平臺，數據表單是必不可少的組件，可讓用戶獲得相關數據和洞察，從而采取正確的決策。
作為一個前企業家，我使用過各種 SaaS 平臺，例如 Mailchimp，Shopify，Klaviyo，Zendesk 等。它們提供不同的服務 —— 電子郵件、訂單管理、客戶服務等解決方案，其共同點是，都需要將數據反饋給用戶。而數據表單則是傳輸大量數據最好的方法。
數據表單之所以有效，是因為它們能夠有序地組織信息和數據，使用戶能夠輕松地掃描、比較和分析自己選擇的信息。這篇文章介紹了我在設計數據表時遵循的關鍵設計模式。
這一點對于超過 30 行的表單尤其重要。當用戶必須向下滾動才能查看所有可用信息時，如果沒有固定表頭，用戶將很難理解和區分多行數據 —— 其中大部分可能是隨機數。一個固定的表頭可以幫助他們輕松地使用數據表，避免了向上滾動查看字段含義 。
設計提示
我傾向使用 8px 網格系統進行設計，將表頭尺寸保持在 16px（最小值）—— 防止你的設計看起來過于沉重和擁擠。
△ 當用戶不理解某個數據字段時，固定的表頭使得用戶無需重復向上滾動查看表頭內容
對于數據表單，需要兩個組件對所有信息進行排序。一是表頭，用于理解顯示的數據。二是固定側欄 ，與每一行數據相連接 ，常用于項目名稱，例如活動名稱、產品名稱、股票名稱等。
當數據表單需要水平滾動展示隱藏列時，通過固定第一列項目名稱，可以獲得與固定表頭相同的組件優勢，提升信息傳達效率。
設計提示
設計固定側欄時，請在該列的右側添加陰影和垂直分隔線，提示用戶該表支持水平滾動。
△ 當數據表有太多列時，通過固定第一列項目名稱，使表單更易理解
自定義欄允許用戶根據自己的偏好選擇表單顯示內容。當涉及多個指標和數據集時，該功能可以滿足不同的用戶目標 。常用于自助廣告平臺，例如 Facebook Ad Manager、Google Ads、AdRoll 等，在這些平臺上有多種營銷指標，每個用戶的優先級都不同。
△ 自定義欄允許用戶根據自己的喜好對數據表進行個性化設置
我從開發朋友那里學會了對表單進行分頁，通過限制正在處理的信息量，減少加載時間。另一種方法是使用漸進式加載，當鼠標滾動到最后一行時，表單自動加載一組新的數據。對比后者，分頁器允許用戶一次跳過好幾個組數據，滿足用戶非連續性瀏覽的需求。
設計提示
大多數表單每頁顯示行數可能超過 30 行，因此，將分頁器固定在表單頂部或底部會更加友好，方便用戶在頁面之間切換，無需過度地快速滾動。
△ 使用分頁可以減少加載時間，因為它限制了正在處理的信息量
過濾器組件對于篩選目標信息、屏蔽無關數據量至關重要。日期篩選是最基本的過濾器，能夠根據用戶指定日期來顯示信息。當每列具有固定的展示字段，這意味著信息不是隨機的，而是固定的選擇，您還可以設置單項信息的過濾器。
最好在過濾器下拉列表中提供復選功能，允許用戶選擇多個變量 —— 過濾系統越靈活，用戶就越容易操縱他們的信息。
△ 過濾器組件對于減少根據用戶要求顯示的數據量至關重要
排序類似于過濾，可以根據用戶的需要重新排列信息，調整信息展示順序。在大多數情況下，左列會對表單進行默認排序，用戶可以單擊標題對表單進行相應的排序設置。
您可以將排序添加到表頭中，例如按數字或字母順序對各個數據進行排序。但請不要濫用此功能，它對于狀態或類別等特定指標，可能是多余的 —— 過濾器處理這些數據會更合理。
設計提示
盡量避免使用線型圖標，選用面型圖標來增加可見性。懸停狀態能夠傳達整個區域可單擊的視覺提示 。
△ 排序類似于過濾，根據用戶的需要重新排列信息
復選框允許用戶選擇多個項目，并對所選項目執行某種操作 。幫助用戶節省時間和精力，不必重復相同的步驟。想象一下，所有的行都有相同的選框，這些選框會重復出現 —— 這會使你的表單看起來雜亂無章。
設計提示
我通常將復選框的大小保持在 24px（最小尺寸），居中布局，提高可用性。此外，高亮顯示被選定的行，增強對比性 。
△ 復選框允許用戶選擇多個項目并對所選項目執行操作
“極簡主義” 這個詞已經被廣泛地使用，空白似乎是現在的趨勢，但在這種情況下，少就是多。在設計數據表單時，重點應該放在數據本身而不是用戶界面上。用戶已經在與大量的數字和信息交互，復雜的界面只會增加用戶的認知負荷。
設計提示
沒有必要添加額外的視覺干擾，例如不必要的圖標、斑馬行、隨機顏色等。
△ 當你讓你的 UI 設計師瘋狂的時候會發生什么？
在設計中，排版是樣式指南中的一個關鍵元素，對于品牌推廣至關重要。但在設計表格時，您應該遵循上面的指示（簡單和簡約），不要在表格中使用任何復雜的字體樣式。
設計提示
沒有推薦的字體，但建議盡量避免使用襯線字體，因為它們往往會吸引人的注意力，導致額外的視覺負擔。此外，避免出現大寫單詞，它會使你的設計看起來沉重。
△ 襯線字體在表格上看起來很奇怪 —— 不知道你們是否看到過使用襯線字體的數據表單
對于特定的表單，項目名稱還可以充當鏈接，這是一種符合用戶習慣的交互形式，用戶很容易理解鏈接會將其帶到何處。
設計提示
設計文本鏈接時，請使用不同的顏色向用戶展示此鏈接 —— 僅在文本上加粗或設置下劃線并不能提供足夠的視覺提示。
設計文本鏈接時，請使用不同的顏色向用戶展示此鏈接
表單的操作通常放在最后一列。當沒有太多的信息列，需要水平滾動信息時，這種模式就很適合。也可以將操作放在第一列或第二列，這樣用戶就不需要在滾動時跟蹤這一行，但操作較多時，可能會產生認知過載，導致不必要的錯誤。
鼠標懸?？梢员３趾喖s的外觀 —— 只有當用戶將鼠標懸停在相應的行上時， 操作圖標和文本才會出現。
以上內容只是原則性說明，主要為你提供一般性的建議，在實際的數據表單設計中，還需要根據具體的產品要求和用戶目標進行相應的調整。
文章來源：優設網 推薦：TCC翻譯情報局
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
面對國內外競品崛起，QQ 音視頻如何尋求突破，制定對用戶有價值的策略，贏得數據增長和用戶口碑。
要突破用戶增長停滯的困境，需從全局角度思考，對問題所處的系統進行分析與洞察，找出拓展應用場景的機會點，提供技術或價值創新的功能與服務。
首先，針對 QQ 音視頻所處行業的競爭態勢進行全面、系統的分析，包括內部優劣勢，以及外部機會和威脅，以此制定相應的策略與計劃。
關注競爭對手，更要研究用戶，通過用戶調研洞察用戶需求，找出 QQ 音視頻應持續鞏固優化，以及需考慮突破的使用場景。
綜觀音視頻的行業發展與科技趨勢，有三個主要的發展方向：
超高清視頻
5G 高帶寬、低時延將開拓更多玩法和業務場景，超高清視頻通話將帶來更豐富的感官體驗，猶如面對面溝通。
應用場景多元化
從使用場景來看，音視頻已走出會議室，從單純的溝通交流，擴展至豐富的應用場景，廣泛服務于人們的日常生活。
智能終端+音視頻云服務
未來智能終端將具備聯網連接的能力，搭配音視頻服務提供商的云服務，使得通話無所不在，可隨時通過智能終端進行音視頻通話。
綜合前述分析，提出 QQ 音視頻的用戶體驗愿景（UX Vision）和價值主張（Value Proposition）。
QQ 音視頻的本質在于溝通，其聲影重現的獨特優勢，消弭了空間距離。未來隨著通信技術的演進，高畫質、低時延、實時互動的感官體驗，將實現遠距臨場（Telepresence）的終極目標，使用戶感受到近乎面對面交流的體驗，就像在眼前〝一起做〞某些事。
2. 價值主張
綜上所述，提出 QQ 音視頻為用戶傳遞的價值——社交臨場感（Social Presence）。
臨場感相關理論與研究，源自 Short、Williams 和 Christie 等三位學者于 1976 年所提出的社會臨場感理論（Social Presence Theory），指的是雙方通過傳播媒介進行溝通的過程中，所能感受到對方真實存在的程度。QQ 音視頻憑借高度的媒介豐富性，提供實時響應、語言/非語言線索交互，使用戶能輕易地在社交互動中感知對方真實存在，進而在心理上獲得歸屬感與認同感。
根據過往文獻與媒介特性，將 QQ 音視頻的社交臨場感分為四個層次：
界面質量（Interface Quality）
界面可用性與視覺設計不會干擾操作，能讓用戶專注于音視頻溝通。
真實感（Realness）
音視頻的聲畫體驗及與人交流的方式，能貼近于真實世界。
互動性（Interactivity）
用戶之間的互動交流越強，越能感受到對方的存在。
情感傳達（Affective Expression）
通過情緒表達、環境氛圍的營造與對方建立連接，在心理上感到彼此的存在。
圍繞社交臨場感的價值主張，制定突破當前困境的目標與設計策略。音視頻產品除了廣泛應用在通訊場景，正逐漸賦能更多創新場景?；?Q 群生態和調研結果，聚焦于生活、辦公、娛樂等場景進行探索。
兩個主要的設計目標：
重塑體驗
回歸通訊本質、夯實基礎體驗，對通話界面進行改版設計，讓用戶專注于音視頻溝通。
場景探索
開拓應用場景，通過社交臨場感賦能生活、辦公、娛樂等場景需求，為用戶創造價值。
針對 QQ 音視頻的應用場景，制定相應的設計策略。
界面質量是影響社交臨場感的關鍵要素，然而調研結果顯示，QQ 音視頻的通話質量和體驗落后競品，包括主界面功能復雜、通話流程痛點多、核心能力落后競品等體驗問題。
針對上述問題，提出 QQ 音視頻改版的設計思路：
1. 化繁為簡，回歸本質
分析不同通話類型的用戶習慣，以及各個功能的使用數據，區分功能優先級，分為核心功能、輔助功能、高級功能等三個層次，重新定義功能架構與布局。
2. 鏈路排查，解決痛點
運用認知走查（Cognitive Walkthrough）快速排查通話過程存在的用戶痛點，并將缺失的功能與信息補齊，最終解決超過 16 個以上的可用性問題。
3. 補齊短板，超越競品
對于視頻畫面的思考：
QQ 采用 1 大 N 小的畫中畫模式，適合 1 人主講、他人觀看的場景，主客位明顯，缺少一種與他人共在的感覺；反觀微信是 9 路宮格畫面，視頻畫面僅聚集在上半部，有利于節省流量，但同時也限制了屏幕利用率。
兼合上述兩者的優點，設計了 16 人視頻通話的功能：
16 人視頻通話也延伸了不同的創意玩法，例如祝朋友生日快樂、拼字表白或求婚。
QQ 視頻通話重度用戶的通話對象，主要來自戀人伴侶，這類用戶最希望獲得〝在一起〞的陪伴感，而社交臨場感的〝真實感〞是營造音視頻陪伴感的關鍵因素——彷佛對方就在眼前，兩個人一起聊天、一起做某些事。
1. 讓他 ? 她看到最好的你
聲影的真實感，是讓對方感受到你就在眼前的必要條件。真實感包括流暢度與清晰度，通過用戶行為分析，發現在不同場景下，用戶對視頻清晰度與流暢度有不同偏好 。
為此，QQ 音視頻開創了的高清 / 流暢模式，用戶能根據自身需求做選擇，切換自動、流暢 480P、高清 720P 三種模式，針對不同模式定制碼表，匹配不同的幀率和碼率。除此之外，QQ 音視頻也與手機廠商合作，開發 QQ 5G 1080P 超高清視頻通話，提前布局 5G 應用。
2. 記錄〝在一起〞的時刻
創造情感連接，有助于拉近彼此距離，營造陪伴感。有什么是情侶、閨蜜平時會做的事，因為分隔兩地不能一起做了？
循著這個思路，設計了全新的雙人合拍模式。距離遙遠的兩人，通過 QQ 音視頻實現留影合拍，讓彼此的情感得以沉淀。另外，為了增添合拍時的樂趣，該模式結合了 P 圖資源與人臉識別的能力，讓用戶可選用場景模版與掛件，創造屬于兩人的高光時刻。
3. 〝一起做〞某些事
情緒之間的感染，更能強化陪伴感與互動感，據此設計了第一款支持視頻聊天的一起看應用 ——視頻包廂。有別于Q群一起看的廣播形式，視頻包廂訴求更親密、1v1的陪伴感，彷佛對方坐在身邊，一邊看劇、一邊聊天。視頻包廂的價值，除了提升QQ音視頻的互動性，也為關系鏈活躍拓展應用場景。
線上會議是辦公用戶主要的使用場景，一方面將聚焦用戶核心需求，思考辦公場景的功能設計，另一方面增強用戶之間的互動性，讓會議更具社交臨場感，就像面對面溝通一樣高效。
1. 溝通更多元
為什么需要文字聊天？當主持人開啟全員靜音，此時無法回應講者；多人通話時，最多同時聽到 6 個人的聲音；不方便開麥或攝像頭，又想參與互動。
為了解決痛點、完善溝通形式，QQ 音視頻新增了文字聊天的功能，可通過手勢快速展開 / 收起聊天界面，并支持發送表情和文字消息；這些消息只會在通話界面沉淀，不影響未參與會議的群成員，避免不必要的打擾。
2. 輕松會議管理
對辦公用戶而言，線上會議需要完善的管理機制。QQ 音視頻嘗試結合 Q 群管家機器人，小成本實現通話預定。用戶能設置通話主題、開始時間、會議提醒，并支持分享會議鏈接到微信、QQ 空間等其他渠道；獲取鏈接的用戶，能快速拉起 QQ 加入會議。
3. 以我所?為你呈現
面對面分享是信息共享最有效率的方式，分享者能夠當面指出要點，有效地表達與溝通。QQ 音視頻借助系統鏡像投屏，實現邊通話、邊共享的能力。在商務會議中，將手機中的信息與操作，實時同步給其他參會成員，例如文件、照片、郵件內容等，并支持同步畫面、設備聲音。另外，諸如游戲分享、作業輔導、操作協助等場景，都能通過屏幕共享滿足需求，為用戶帶來實質性的效益。手機端最后一塊拼圖完成后，QQ 多端皆可實現屏幕共享，現已成為 QQ 音視頻的口碑能力。
疫情期間，線下聚會被迫停止，線上娛樂應運而生。在此契機之下，借助音視頻實時互動、聲影重現的特性，開啟了新的娛樂形態——QQ一起派對。
QQ 一起派對是基于音視頻展開的實時社交游戲，旨在打造真實聚會游戲體驗，讓游戲過程更貼近線下真實場景，就像面對面一起玩聚會游戲，能與好友邊玩游戲、邊聊天。通過環境氛圍的營造，包括場景具象化、增強代入感等方法，實時感知好友的情感變化，從而獲得社交臨場感，在心理上感到彼此的存在。
此外，有別于競品需通過點擊按鈕作答，QQ 一起派對利用實時語音識別，讓用戶通過更自然的人機交互方式，在游戲過程中進行語音搶答，彷佛置身于真實世界中與好友互動。
QQ 音視頻經過一系列的體驗重塑，獲得不錯的成果?；谏?、辦公、娛樂等場景深挖需求，新增許多實用功能和創新玩法，為用戶體驗和價值創新奠定良好的基礎，且歸功于這些積累，以致于在疫情期間，QQ 音視頻能不畏競品的挑戰。除此之外，多項新增能力，例如屏幕共享、視頻包廂、QQ 一起派對，獲得用戶廣泛好評；調研顯示，用戶樂于將 QQ 一起派對推薦給其他人，足見該功能獲得不錯的用戶口碑。
對于音視頻行業來說，疫情迎來的爆發式增長，無法保持高速成長態勢，會有一定程度的回落，但能提高大眾接受度和習慣養成，認識到音視頻能在一定程度上替代線下溝通，不僅限于通訊功能，音視頻應用擁有更多的可能性，正逐漸賦能更多創新場景。為此，QQ 音視頻基于社交臨場感，探索并賦能生活、辦公、娛樂等應用場景，提供技術或價值創新的功能與服務，為用戶創造獨特的價值。
面對市場上同類競品的崛起，作為一個 UX 設計師，除了因應產品思維設定目標，亦應思考如何以價值驅動解決問題：對于如何解決問題、邁向未來愿景，提出最適切、有效的方法。換言之，要關注的不只是當前面臨的問題，更重要的是擘畫用戶體驗愿景，提出該產品的價值主張，并制定相應的設計策略。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：優設 作者：騰訊ISUX
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
聽到<夜配色>這個詞，你腦海中會聯想到什么樣的色彩？或者什么樣的畫面？
可能最容易被人聯想到的就是黑色，因為夜晚給人的印象通常就是一片漆黑。如果繼續聯想，可能有的人也會想到藍色，因為真實的夜晚也并非純黑，但是這種藍一定是暗色的藍。
但是夜晚也并非什么都看不見，有時候也會有光亮，比如自然的星光或者人造的燈光，這種光可以是冷色的。
當然也可以是暖色的。這些情況基本上就是人們通常會聯想到的關于<夜配色>的色彩形象。
而讓大家失望的是，這些通常會想到的色彩印象其實都不屬于<夜配色>的形式，那到底什么是“夜配色”呢？
電影《綠皮書》海報
這個需要從第 91 屆奧斯卡金像獎最佳影片《綠皮書》說起，《綠皮書》的海報色彩很美：水藍色的汽車與天空色相呼應，司機也穿著藍色的上衣，整個畫面都散發著明凈的藍青色調，奇妙的是，后座的“主人”卻穿著一件咖啡色系的套頭衫，但是露出的襯領同樣也藍色系的，其實這種色彩組合就屬于<夜配色>。不過大家先別急，我們接著往下看。
電影《綠皮書》劇照
不僅電影海報如此，整部劇中的色彩搭配也始終保持著<夜配色>的基調。比如女演員明亮的藍色針織外套與褐色的裙子就形成了夜配色，其他場景也是如此，這正是它迷人的地方。電影《綠皮書》講述的是一段跨越種族、階級的友誼故事，而<夜配色>恰恰具有民族的、世界的、神秘的、共通的色彩屬性。
具有以上這些屬性，很大程度上是因為這種色彩搭配的不常見性，不常見不代表就沒有規律可循，任何色彩搭配必定有它的內在規律，我們不能只看表面，抓到本質才能掌握它的內核。我們把剛剛提取的這幾組顏色排列出來分析一下。
我們看這些色彩有什么共性：上方的顏色純度或明度都是在偏低的范圍，而下方顏色的純度或明度都普遍偏高。如果再結合冷暖色來看我們會發現，上方都是暖色系，而下方都是冷色系。
因此我們可以總結出：低純度或低明度的暖色搭配高純度或高明度的冷色，這種配色形式就是<夜配色>，也叫<影印色>。
如果大家難以理解，我們可以再通俗一點，就是暗濁的暖色搭配鮮亮的冷色。嚴格來講<夜配色>并不算什么真正的配色技巧，無非屬于冷暖色搭配范疇，但是因為搭配在一起很特別，所以我們就把它單獨拿出來作為一種搭配原則來探討。
異域情調
最早引入<夜配色>這一概念的是服裝領域。很多咖啡色系的衣裙如果只是搭配黑色或米色等色系，整體上雖然和諧但也會顯得單調和乏味，所以就會加入藍色系，這時就會有不一樣的感覺。并且<夜配色>的搭配具有高級感，比如藍色的牛仔褲就可以試試搭配駝色上衣。
復古紳士
而且<夜配色>的搭配男女通用，比如男士的話可以是水綠色的毛衣搭配棕色西裝外套，或是是領帶、胸花都可以。男士使用夜配色，很有時尚感，會顯得精致典雅，細節處彰顯低調華麗的質感，整體具有復古紳士的浪漫氣息。
魅力碰撞
使用<夜配色>也可以考慮面積配比，想要冷暖碰撞的效果，通常情況下就是在上半身和下半身使用一對夜配色，比如葡萄酒色配天青藍，充滿異域風情。
點睛之筆
當然也可以用點綴的方式來使用<夜配色>，比如用鮮亮的冷色搭配低明度的咖啡色，用鮮亮的冷色來點綴，展示高級感，對于服裝搭配而言，衣領、袖口、包、鞋這些都可以是點綴色的應用載體。
對于這些<夜配色>在服裝領域的應用，我們可以將它們提取出來，按照暖色和冷色重新擺放，然后旋轉角度，不知道大家發現什么沒有，其實<夜配色>的獨特美感，像極了天空色與大地色的碰撞。
雖然到這里大家對<夜配色>已經有了一些基本的了解，但是想要良好的運用到設計當中，還需要繼續加深理解，畢竟我們之前所看到的都是電影或者服裝領域的<夜配色>，而我們切入的角度，就是先排除那些不屬于<夜配色>的形式。
回到之前我們總結的，首先<夜配色>包含一種冷色和一種暖色，然后色調上分為暗濁的和鮮亮的，所以它們兩兩組合就會出現四種形式：也就是暗濁的冷色搭配鮮亮的冷色、暗濁的冷色搭配鮮亮的暖色、暗濁的暖色搭配鮮亮的暖色、暗濁的暖色搭配鮮亮的冷色。
暗濁的<冷色>——鮮亮的<冷色>
首先第一種就是暗濁的冷色搭配鮮亮的冷色，這種配色形式很常用，比如通常我們確定一個背景色之后，上方的文字色或元素色就會在背景色的基礎上改變純度或明度。
暗濁的<冷色>——鮮亮的<暖色>
第二種就是暗濁的冷色搭配鮮亮的暖色，這種比第一種更常見，因為這種形式就是我們通常所講的冷暖搭配，一冷一暖，一亮一暗。
暗濁的<暖色>——鮮亮的<暖色>
第三種形式就是暗濁的暖色搭配鮮亮的暖色，這種搭配形式整體方向也是比較偏向統一協調的，不會有太大的問題，但也很難給人眼前一亮的視覺沖擊。
暗濁的<暖色>——鮮亮的<冷色>
最后一種就是暗濁的暖色搭配鮮亮的冷色，也就是我們這期教程中所講的<夜配色>，這種配色形式運用到平面設計領域，整體上還是可以保留它的氣質和風格的：神秘、充滿異域風情，當然我認為這些屬性并不是一成不變的，但是不變的是<夜配色>會給人不一樣的感覺，因為通常人們都不太會這么配色，所以我們什么情況下去使用<夜配色>，相信大家心理已經有答案了吧。接下來我們來嘗試幾個案例。
這是一個人物插畫，首先我們先將人物皮膚的顏色填充進來，然后是箱子。
接下來就是為人物的穿著填色，這時候我們就可以回想之前我們列舉的服裝搭配的例子了，我們可以將褲子的顏色填充一個大地色。
然后是上衣的顏色，如果是常規的人物插畫配色，通常情況下衣服都會選擇一個跟褲子顏色相統一和諧的顏色，但是如果我們想要一些不一樣的效果，這時就可以使用<夜配色>，將衣服的顏色填充一個天藍色，也是我們之前所講的碰撞色，因為面積相當。
當然，我們也可以將褲子填充水藍色，有些類似牛仔褲的顏色，衣服填充一個咖色，這也是一種<夜配色>。
或者我們也可以使用點綴色的形式，比如整體顏色是咖色，但是我們可以在衣領、袖口、褲腳這些小面積區域填充亮冷色。
再或者是鞋子的顏色也可以，或者再大膽一些給頭發染個色。
我們也可以嘗試一個網頁首屏，比如畫面中這種色調的圖片現在很流行，本身就很適合我們這期內容所講<夜配色>。
如果我們添加白色文字，雖然識別度很好，但是不會給人眼前一亮的感覺，會稍顯平庸。
這時我們就可以嘗試<夜配色>的搭配，當然文字色可以有選擇，都可以嘗試一下，甚至是偏暖一些的文字也不是說就不可以，我們總結出的規律要為我們所用，而不要被規律所限制，希望大家能明白這個道理，千萬不要理解的太死板。
最后我又嘗試了一個海報，海報的主題是“南非當代攝影展”，這個名字就會讓我腦海中浮現出異域風情，所以我認為可以使用夜配色。
先將圖片置入到版面當中，而這張圖片本身就是大地色調，因此也是適合<夜配色>搭配的。
所以上方的背景色我們就可以填充一個天藍色，現在整體上下色調對比就是<夜配色>的形式。
文字這里我們也可以不使用黑色，替換成大地色，下方的小字使用上方的藍色。但是做到這里我感覺畫面還缺少點什么，也就是整個版面的構圖和文字編排都很規矩和工整，這時候就需要有一些破壞這種工整的元素。
所以我就在右下方這里添加了一個手寫體的英文，為這個畫面增加一些靈動，當然顏色上也是吸取上方的藍色，形成呼應。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：優設 作者：研習社
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
很多網站仍然在使用老舊的頁面設計，比如國內一些企業官網，萬年不變的相類似的模板，外國的則是hero頁面，帶CTA按鈕，三欄式的布局。這些設計不能說是不好的設計，很實用，用戶能夠預測展示的內容，也容易找到需要的內容。但是正因為可預測，用戶沒有新鮮感，沒有期待，所以我們找了一些不僅打破常規，也依然有良好用戶體驗的網頁設計。
藍藍設計(北京蘭亭妙微科技有限公司）是一家專注而深入的UI設計公司，公司對UI設計的追求一向很高，致力于為卓越的國內外企業提供卓越的手機app/安卓ui設計、軟件界面設計、網站設計，用戶研究、交互設計服務。
接下來是精彩的UI設計賞析
藍藍設計秉承設計優秀，不斷超越的理念，誠信敬業、專業耐心的工作作風，一直堅持注重用戶心理體驗及“設計與營銷”等領域的理論與實踐相結合。10余年專注努力，300+案例磨練。我們在ui創意設計，用戶體驗與交互設計，各種類型軟件界面設計，國際化標準和流行趨勢，進行過不斷的學習和實踐。藍藍設計提供的是可以信賴的ui設計服務，我們內部有一套管理要求，比如去客戶現場每周一次的檢視和溝通、內部提案會議、每天下班前的整理反饋成果發郵件、隨時溝通的qq、電話，階段性的匯報和進度記錄整理。多勞多得的獎勵機制，客戶滿意度評價獎勵機制，鼓勵大家用心、平和、耐心、勤奮、創新的做事.
（以上圖片均來源于網絡）
（精美流程圖設計）
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
更多精彩文章：
ui界面設計之網站設計案例欣賞(一)
表格和網格一直是產品和后臺面板的重要UI組件。然而，即使到了今天，也很容易找出設計不當或用戶體驗不好的數據表。
今天我們邀請了 Gil Bouhnick ，來跟大家一起聊一聊「如何設計出一個可觀的數據表」。
接下來，就進入正題吧～
我使用過 30 多種 SaaS 工具和 SDK ，經常用它們的后臺面板看數據，觀察到了一些問題并做了反饋。實話說，它們在UI設計和基本功能上，對表格的展現形式還挺糟糕的（雖然它們都是很好的Saas產品）。
鑒于我開發使用表格 20 年的經驗，決定為大家來總結一下最基本的處理表格的UI / UX規則了。
本文將從功能、UI設計和美觀性，這三個方面來闡述。
1.從排序和篩選開始：
是的，我也知道排序和篩選很煩人，我也討厭他們，但必須先說它們。除非你打算做一個不到十條記錄或者類似情況的精美表格。
排序和篩選不僅是可用性或易用性的功能，更是摘要數據的關鍵：了解趨勢，比較記錄，查找特定值，沒有排序和篩選就無法完成這些工作。
如果添加基于列的篩選（如日期，布爾值，字符串等元數據）成本太高，那么可以從更基本的內容開始篩選，例如現代搜索框或一些常用的硬編碼。
2.確保列的大小可調整
這是一種查看信息的方法，無需深入研究每條記錄。
不管你的列寬有多大，也不要將列表固定住，因為有時候用戶需要進一步擴展。
3.允許列重新排序
對于大型表格，不能一種大小適用于所有情況。
通過重新排序列，用戶可以設置符合它們特定需求的表格。這個相對小的功能可以減少混亂，并節省一些來回滾動。
這時，列的名稱體現了大量信息。重新排序列能夠使用戶可以專注于特定區域并理解小塊信息。
4.內聯的編輯
有許多用于編輯單元格的UI解決方案：內聯框，彈出窗口，可擴展節等。
我不認為上面的方案是最佳的，因為它依賴于功能、數據類型、使用案例。從用戶角度出發，我最喜歡的方案是側視圖（快速視圖）。
一旦選擇一個項目，它就會從側面彈出的方法。
這個方案，我最喜歡的是它可以保持上下文（與彈出窗口不同），易于使用，即使是在垂直滾動視圖中顯示大量字段的情況下也效果良好。
5.小屏幕設計
當然，大顯示器看表格，設計和開發都會很爽，但是還是有人在用筆記本電腦或iPad！他們又做錯了什么！/手動狗頭
不停的滾動、縮小的列、隱藏的文本，這些都會干擾用戶體驗，所以一定要在小屏幕上驗證你的設計，并且盡可能使用上一段時間去切實體驗用戶使用情況（而不是隨意測試）。
如果確實很糟糕，你可能需要在解決問題上發揮自主創造力，不過前提是你很了解它。
6.彩色交替行
使用大型數據表時，很容易丟失。
斑馬紋的表格可以幫助用戶保持其位置，但是彩色的行必須非常淺，否則會引起誤導，看起來像選定的行。
使用淺色時，應該將所有內容設置為淺灰色，避免使用黑色線條和深色邊框。
7.使用固定表頭和“凍結”列錨定一些標識符
我認為在任何屏幕上顯示大量數據時，表格都應該能正常瀏覽。
要瀏覽數據，用戶就需要經常滾動，這意味著需要一些錨點來輔助：
向下滾動時，列標題必須固定（這是最基本的）
第一列應該被鎖定（MS Excel和Google Sheets稱其為“凍結”），因為，當你水平滾動時，需要該行聯系上下文。
一個全行選擇選項，用于在水平滾動時標記重要行。
8.設置固定的行高
表格和網格是體現結構化信息的，但是，當表格的列寬、行高不同時，就會變得混亂，信息也就會變得沒有體系。
因此，為了整體的可用性和美觀性，我覺得不管內容如何，所有行都應具有完全相同的高度。
為了更好地支持多行文本塊，請考慮以下事項：
用換行替換為空格，并將整個文本變成一行（通過調整列寬的大?。?/span>
將（所有行的）行高設置為2行而不是1行（可以解決某些情況）
使用工具提示（可以用，但是最好不要用）
通過單擊行來展開/折疊（剛需）
采用浮動側視圖顯示所選行的詳細信息。
美學設計可以帶來更好的使用感。
以下是通過簡單的UI設計修改來消除雜亂并提高內容可讀性的幾種方法：
9.增加單元格填充
使用空格。
加載信息的表，正是用戶想要看到更多空白的地方，即使這會花費他們一些額外的滾動時間。
10.消除不必要的邊框
一旦數據結構良好并且留有空白，就該擺脫那些多余的邊框，或者讓邊框線條變得超細且顏色淺。
文章來源：優設網 推薦：墨刀_MockingBot
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
岡特蘭堡設計獎源于德國，致力于成為世界十大權威設計獎項之一！ 藍藍設計小編給大家帶來全新設計大賽咨訊~有興趣的小伙伴趕緊報名參加吧~~
岡特蘭堡設計獎源于德國，致力于成為世界十大權威設計獎項之一，大獎希望通過理性的思維，藝術的表達，新穎的創意方式，拓寬人類的藝術視野，重新構造人類的藝術境界，進而給人類視覺世界帶來了新的力量和生命力。
Originating in Germany and dedicated to becoming one of the world's top ten design awards, the Gundlberg design awards seeks to broaden the artistic horizons of mankind through rational thinking, artistic expression, and novel creative approaches, the reconstruction of the Artistic Realm of human beings brings new strength and vitality to the visual world of human beings.
舉辦單位 / Host units
主辦 ：岡特蘭堡設計獎組委會
承辦 ：Roddi Advertising
官網 ：www.gaward.cn
參賽資格 / Entry Rules
面向全球視覺創意領域的專業人士、院校學生以及愛好者征集作品；
注 ：參賽者可按個人意愿提交作品，數量不限；
參賽類別 / competing category
1、視覺傳達類
標志、包裝、書籍、字體、吉祥物、VI系統、海報、插畫、畫冊、UI設計等
2、產品造型類
各種工業產品的外觀、結構、造型、材料、工藝等
3、服裝飾品類
服裝、珠寶、染織、面料、佩戴飾品、鞋帽等
4、環境空間類
建筑、園林、景觀、展示、室內、規劃等
5、繪畫雕塑
雕塑、油畫、版畫、陶藝、手繪藝術、水彩、素描等
獎項設置｜Award Setting
1、岡特蘭堡獎（最高獎）、金獎、銀獎、銅獎、優秀獎、入圍獎，名額待定（根據本屆大賽的實際來稿數量和質量確定具體獲獎名額），全場大獎及入圍獎獲得者均頒發鋼印《獲獎證書》，岡特蘭堡獎獲得者頒發鋼印《獲獎證書》與獎杯。
2、岡特蘭堡設計獎優秀人物獎：凡組織5個參賽作品以上的院校機構或指導教師，進行統一報名，并在郵件中說明，即可獲得。
福利：
1、本屆獲獎者將獲得“岡特蘭堡設計獎委員會會員”的資格，經申請后頒發鋼印《會員證》；
2、所有獲得入圍獎以上等級的獲獎者，可在獲獎作品展示時，永久使用“岡特蘭堡設計獎”標識 。
作品提交 / Work submitted
1、本次比賽所有的參賽作品一律通過網絡郵箱提交，根據參賽類別提交，要求作品以A4幅面、300dpi、RGB模式一份；
2、填寫并提交《報名登記表》，登記表可在網站下方自行下載，郵件名稱格式為：類別+參賽者姓名+作品名稱，發送至郵箱：gaward@qq.com；
3、語言：請選擇中文書寫提交所有資料（如英文、韓文或日文填寫，必須有對應的中文）。
參賽時間及參賽費 / Entry time and Entry fee
預熱期：截止2021年5月30日；
預熱期參賽費：專業組￥79元/件 ，學生組￥39元/件（系列作品按一件作品計算）
參賽期：2021年6月1日至2021年10月31日；
參賽期參賽費：專業組￥159元/件 ，學生組￥79元/件（系列作品按一件作品計算）
● 免費參賽政策：
1、岡特蘭堡設計獎組委會會員，可免費提交3件作品?。ㄌ峤粫r請將會員證拍照或掃描件，連同參賽作品一起發送至指定郵箱）
2、環球金創意國際設計獎委員會會員，可免費提交1件作品?。ㄌ峤粫r請將會員證拍照或掃描件，連同參賽作品一起發送至指定郵箱）
評審期：2021年11月1日至2021年11月15日；
獲獎公示期：2021年11月16日至2021年11月30日；
證書郵寄期：2021年12月1日至2021年12月20日。
支付方式 / Payment method
支付寶賬號：gaward@qq.com
備注：支付時請注明姓名，將支付憑證同作品發至指定郵箱；
聯絡方式 / Contact information
郵箱：gaward@qq.com
QQ：246 6897 656
官方微信公眾平臺：gaward
法律申明 / Law states
參賽者的參賽作品必須是參賽者本人（或團體）的原創作品，如有抄襲他人創意、構思的行為，或作品發生知識產權、版權糾紛等，組委會將取消其參賽資格，并由參賽者承擔后果；組委會有權拒收任何對各國文化、民族尊嚴或道德有侵犯以及不符合參賽要求的作品，并擁有參賽作品的展覽、出版、宣傳、收藏的權利。
All entries must be original works of the entrant himself / herself (or the organisation) . The Organising Committee will disqualify the entrant from the competition if he / she plagiarizes the creativity or idea of others, or if there is any intellectual property or copyright dispute arising from the work, the organizing committee reserves the right to reject any work that infringes upon the culture, national dignity or morality of any country or does not meet the requirements of the competition, and has the right to exhibit, publish, publicize and collect the entries.
岡特蘭堡獎申報表.docx （點擊下載）
文章來源：CND設計網
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
1.登錄到mysql進入命令行：[root@localhost mysql]# ./bin/mysql -h127.0.0.1 -uroot -proot
2.查看user表：
mysql> use mysql
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A
Database changed
mysql> select host,user,password from user;
+-----------------------+------+-------------------------------------------+
| host | user | password |
+-----------------------+------+-------------------------------------------+
| localhost | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| localhost.localdomain | root | |
| 127.0.0.1 | root | |
| ::1 | root | |
| localhost | | |
| localhost.localdomain | | |
+-----------------------+------+-------------------------------------------+
6 rows in set (0.00 sec)
表中host、user字段標識了可以訪問數據庫的主機和用戶。例如上面的數據就表示只能本地主機通過root用戶訪問。原來如此，難怪遠程連接死活連不上。
經過網上查找方法，為了讓數據庫支持遠程主機訪問，有兩種方法可以開啟遠程訪問功能。
第一種（改表法）：
修改host字段的值，將localhost修改成需要遠程連接數據庫的ip地址?；蛘咧苯有薷某?。修改成%表示，所有主機都可以通過root用戶訪問數據庫。為了方便，我直接修改成%。命令：mysql> update user set host = '%' where user = 'root';
運行上面語句會又一個報錯：
ERROR 1062 (23000): Duplicate entry '%-root' for key 'PRIMARY'
不用管，直接flush privileges;
遠程連接測試。
第二種（授權法）:
例如，你想root使用root從任何主機連接到mysql服務器的話。
GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY 'root' WITH GRANT OPTION;
如果你想允許用戶myuser從ip為192.168.1.64的主機連接到mysql服務器，并使用root作為密碼
GRANT ALL PRIVILEGES ON *.* TO 'root'@'192.168.1.64' IDENTIFIED BY
'root' WITH GRANT OPTION;
輸入命令:FLUSH PRIVILEGES;
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
文章來源：csdn。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
2008年5月12日
汶川大地震
69227人遇難
374643人受傷
17923人失蹤
一串串觸目驚心的數字
讓我們心疼惋惜
13年
在人的一生中不可謂不長
雖然有些事情已經逐漸久遠
但那些感動依舊
在回憶中熠熠發光
程林祥為讓兒子跟家人過最后一夜
背著兒子程磊的遺體
徒步25公里回家
作為父親
他用腳步為人們丈量出一份偉大的父愛。
親愛的寶貝
如果你能活著
一定要記住我愛你
這是媽媽對孩子最后的囑托
被發現時母親離世孩子卻安然無恙
她用肩膀為孩子撐起了生命的藍天
眾志成城
托舉生命
解放軍戰士們不畏艱險無懼生死
與時間賽跑
同死神搶人
他們用行動踐行著為人民服務的使命
2008年到2021年
整整十三年
對全中國來說是沉痛的記憶
對汶川來說更是艱難的成長
一路走來
我們深切感受到了那句
如果奇跡有顏色
那一定是中國紅
意外來的猝不及防
但總有些溫暖
讓明天依舊光芒萬丈
總有些感動
伴隨著我們歲歲年年
今天
讓我們一起為逝者默哀
向這些“感動”背后默默付出的他們致敬
#汶川地震13周年#
文章來源：星耀天平綜藝
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://www.syprn.cn
