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