欧美成人免费观看_免费成人深夜天涯网站_日韩中文在线视频_天堂av一区二区_欧美xxxx性xxxxx高清_亚洲欧美一二三

首頁

設(shè)計驗收:行之有效的機(jī)制探索

清陽 隨筆的一些文章

本文為「蘭亭妙微」轉(zhuǎn)載并編錄的行業(yè)實踐經(jīng)驗分享。原文圍繞產(chǎn)品設(shè)計驗收的意義、流程與評估方法展開,并結(jié)合齊治設(shè)計團(tuán)隊在網(wǎng)絡(luò)安全產(chǎn)品DSG項目中的實際案例,系統(tǒng)闡述了如何通過標(biāo)準(zhǔn)化、體系化的驗收機(jī)制提升產(chǎn)品體驗與業(yè)務(wù)成效。希望能為關(guān)注產(chǎn)品設(shè)計質(zhì)量與團(tuán)隊協(xié)作效率的同行提供參考。

image.png

一、設(shè)計驗收的價值何在?

設(shè)計驗收是指設(shè)計人員按照設(shè)計方案對研發(fā)人員的落地內(nèi)容進(jìn)行逐項檢驗,理想狀態(tài)下,最終達(dá)成設(shè)計方案的完全還原。

由此可見,設(shè)計驗收的直接目標(biāo)是保證設(shè)計還原度。那么設(shè)計還原度究竟可以為產(chǎn)品帶來些什么?我們假定設(shè)計方案不存在問題:

  • 從需求層面來說,高還原度意味著用戶的功能需求得以滿足
  • 從體驗層面來說,高還原度意味著用戶的操作體驗得以保障

設(shè)計驗收追求每一個設(shè)計細(xì)節(jié)的切實落地,由此帶來的正面效益會傳遞給用戶更好的產(chǎn)品體驗,也進(jìn)一步提升業(yè)務(wù)交付的滿意度。

那么如何在日常工作中高效高質(zhì)地開展設(shè)計驗收、發(fā)揮其價值,以下是齊治設(shè)計團(tuán)隊結(jié)合網(wǎng)安產(chǎn)品DSG項目的驗收實踐給出的答案:

二、驗收流程的標(biāo)準(zhǔn)化:四個階段

規(guī)范工作流程有助于提高驗收效率,保障驗收質(zhì)量。

在制定設(shè)計驗收流程前,首先思考以下幾個基本問題——

  1. 何時開始驗收?
  2. 什么輸出內(nèi)容?
  3. 輸出給誰?
  4. 是否需要根據(jù)需求體量區(qū)分驗收方案?

最后,我們將設(shè)計驗收拆分為四個階段,明確以下標(biāo)準(zhǔn)流程用于指導(dǎo)設(shè)計驗證的開展:

1、準(zhǔn)備驗收階段

確定設(shè)計驗收的開始時間、驗收環(huán)境以及賬號密碼是設(shè)計人員開展設(shè)計驗收的必備條件。

理想狀態(tài)下,設(shè)計驗收的開始時間應(yīng)該是功能驗收基本完成,流程無阻斷性Bug之后,即發(fā)布前的最后2-3輪提測。但是考慮到具體項目執(zhí)行的變化,本流程建議設(shè)計人員主動向研發(fā)或測試負(fù)責(zé)人確認(rèn)開始前的條件信息。

2、具體驗收階段

通過比對設(shè)計方案與落地方案,設(shè)計人員可以發(fā)現(xiàn)落地方案未還原的內(nèi)容,以及少數(shù)設(shè)計方案不完善、不合理的地方。然后,為了更好地服務(wù)于問題修復(fù)階段的設(shè)研協(xié)作,設(shè)計人員需要將這些問題形成驗收表,并以在線文檔的形式共享給研發(fā)人員。這樣可以大大減少信息混亂、溝通低效、追溯困難等問題。

3、問題修復(fù)階段

設(shè)計人員發(fā)現(xiàn)問題并記錄于驗收表后,驗收就進(jìn)入了最關(guān)鍵的一環(huán)。嚴(yán)格按照“溝通問題-修復(fù)問題-再次驗收直至問題被解決”的循環(huán)工作流來消滅問題,有助于切實提升設(shè)計落地的還原度。同時,出于驗收質(zhì)量的要求,建議設(shè)定一個循環(huán)次數(shù)的紅燈值,這是對設(shè)計人員與研發(fā)人員雙方的更高要求。

通過DSG項目的執(zhí)行驗證,我們發(fā)現(xiàn)「溝通」在這個階段至關(guān)重要,這包括所有問題的整體澄清以及具體問題的修復(fù)溝通。尤其當(dāng)問題總數(shù)較大時,設(shè)計人員與研發(fā)人員之間的充分溝通會讓問題修復(fù)進(jìn)展得更加順暢、大家的協(xié)作體驗也會更好。

以下兩點(diǎn)可以看作提高協(xié)作效率、推動問題修復(fù)的關(guān)鍵任務(wù):

  • 設(shè)計人員應(yīng)當(dāng)及時澄清待修復(fù)問題(開始修復(fù)之前)
  • 研發(fā)人員應(yīng)當(dāng)快速明確問題修復(fù)的負(fù)責(zé)人員及完成時間

4、復(fù)盤階段

DSG第一個上線版本的設(shè)計驗收修復(fù)質(zhì)量不佳,遺留問題過多。為了有效改善這個情況,版本上線后,設(shè)計人員組織研發(fā)人員、測試人員一起進(jìn)行了該期設(shè)計驗收的復(fù)盤會議。會議主要圍繞著「明確遺留問題的處置方案」和「反思修復(fù)問題的限制因素」展開。通過復(fù)盤,我們主動發(fā)現(xiàn)本次驗收過程中的不足之處,并討論未來工作中的優(yōu)化措施。反映到DSG項目來說,二期驗收修復(fù)率較一期提升了26.24%。

由于在項目實踐中顯而易見的顯著效果,復(fù)盤階段也被引入到標(biāo)準(zhǔn)流程當(dāng)來。我們擴(kuò)寬了復(fù)盤的行動范圍,首先由設(shè)計人員進(jìn)行遺留問題的整理以及修復(fù)率等驗收數(shù)據(jù)的統(tǒng)計,然后據(jù)此判斷本次驗收質(zhì)量。質(zhì)量較低時組織全體性的復(fù)盤會議,明確后續(xù)改進(jìn)方案;質(zhì)量較高時則以更輕量的方式與項目團(tuán)隊成員進(jìn)行信息對齊,如我們目前采用的方式是:具體問題由相關(guān)責(zé)任人及時溝通;整體驗收情況與遺留處置計劃放到下一期的設(shè)計澄清會議上進(jìn)行全體對齊。

三、驗收機(jī)制的體系化:一張表

建立起標(biāo)準(zhǔn)化的設(shè)計驗收流程后,如何進(jìn)一步形成體系化的設(shè)計驗收機(jī)制來指導(dǎo)工作?我認(rèn)為可以是對工具/手段的探索,如驗收結(jié)果的輸出內(nèi)容就是一個不錯的方向。

設(shè)計人員向研發(fā)人員告知驗收結(jié)果的方式可以靈活多樣,但無數(shù)的經(jīng)驗告訴我們,當(dāng)問題數(shù)量一多,簡單的口頭溝通或面對面演示等方式在問題管理、修復(fù)追蹤等方面的缺陷就顯露無疑了。故在本驗收機(jī)制下,我們還提供了一個設(shè)計驗收表的內(nèi)容模版。

這個驗收表采用「設(shè)計-研發(fā)共同編輯」的協(xié)作模式,畢竟設(shè)計驗收不是一個人或一個團(tuán)隊的事兒,需要設(shè)計與研發(fā)乃至產(chǎn)品、測試多方的溝通與努力。

此外,我們目前還未針對該驗收表內(nèi)部分需要細(xì)化的項給出范圍定義與填寫說明,如「問題類型」的囊括范圍、「嚴(yán)重程度」的判斷方式,這都有待后續(xù)完善。

找到一個可用的工具是第一步,怎么把工具用好則是接下來真正的挑戰(zhàn)。

四、驗收效果的量化:一個數(shù)據(jù)

那么如何度量設(shè)計驗收的效果呢?下圖是我們在DSG項目中對驗收效果量化所做的探索:

從實踐中沉淀,我們引入了“修復(fù)率”這個數(shù)值,他的獲取門檻較低,又直觀反映了問題的存在——

修復(fù)率=修復(fù)問題數(shù)/(驗收問題總數(shù)-無法修復(fù)問題數(shù)),其中問題總數(shù)=當(dāng)期發(fā)現(xiàn)問題(新)+遺留問題(舊);無法修復(fù)問題是指極少數(shù)現(xiàn)階段難以改變的問題,一般多是技術(shù)限制導(dǎo)致的。

隨后,我們可以通過同產(chǎn)品不同期、不同產(chǎn)品同期等對比方式來分析修復(fù)率,量化設(shè)計驗收;或者結(jié)合更多維度的產(chǎn)品體驗數(shù)據(jù),對修復(fù)率的數(shù)值范圍進(jìn)行劃界,進(jìn)一步給出設(shè)計驗收執(zhí)行效果的通用衡量標(biāo)準(zhǔn)。

當(dāng)然,量化設(shè)計驗收效果,答案或許不止這一個,我們也將繼續(xù)探索并沉淀。如上文提到的修復(fù)循環(huán)次數(shù)的紅燈值,亦是一個不錯的切入點(diǎn)。

五、合抱之木,生于毫末

當(dāng)然,本文構(gòu)想的設(shè)計驗收機(jī)制仍處于初級階段,后續(xù)還有很長的路要走。比如以下幾個初步設(shè)想:

1、通過更多項目機(jī)會驗證該機(jī)制(包括階段設(shè)計、表設(shè)計等)的完整性、合理性

2、總結(jié)歸納四個階段在執(zhí)行過程中的注意事項,形成指導(dǎo)原則

3、定義說明驗收表內(nèi)部分使用起來存疑的信息字段

4、探索沉淀更多有價值的量化數(shù)據(jù)

5、深入考慮當(dāng)前機(jī)制如何充分適應(yīng)不同需求體量下的設(shè)計驗收

為團(tuán)隊提效,為業(yè)務(wù)賦能,愿我們秉承初心,繼續(xù)探索行之有效的設(shè)計驗收機(jī)制。

轉(zhuǎn)載:人人都是產(chǎn)品經(jīng)理

蘭亭妙微(藍(lán)藍(lán)設(shè)計)www.tuquanmo.cn 是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

 

image.png

針線里的時尚狂想:印尼藝術(shù)家 Irene Saputra 的刺繡蛻變之旅

濤濤 隨筆的一些文章

在快時尚席卷全球的當(dāng)下,印尼藝術(shù)家 Irene Saputra(又名 Nengiren)用一針一線編織出獨(dú)屬于自己的時尚宇宙。她以標(biāo)志性的 “nona kecil”(小女孩)角色為載體,將刺繡藝術(shù)與時尚設(shè)計完美融合,用即興創(chuàng)作的靈感打破傳統(tǒng)工藝的邊界,讓每一件作品都成為承載自我成長與創(chuàng)意表達(dá)的獨(dú)特存在。

UI 界面設(shè)計中的 “呼吸感”:留白與間距的黃金法則

鶴鶴 隨筆的一些文章

UI 界面設(shè)計中的 “呼吸感”:留白與間距的黃金法則

在信息爆炸的數(shù)字時代,用戶對界面的審美與體驗需求日益嚴(yán)苛。“呼吸感” 作為衡量 UI 設(shè)計優(yōu)劣的隱性標(biāo)準(zhǔn),其核心在于通過留白與間距的科學(xué)運(yùn)用,賦予界面生命力與節(jié)奏感。本文將從理論內(nèi)核、實踐法則到經(jīng)典案例,系統(tǒng)拆解留白與間距如何塑造界面的 “呼吸節(jié)奏”。

一、呼吸感的底層邏輯:從視覺認(rèn)知到情感共鳴

心理學(xué)研究表明,人類視覺系統(tǒng)具有 “選擇性注意” 特性,當(dāng)界面元素密度超過 70% 時,大腦處理信息的效率會下降 40%。留白并非 “無物”,而是通過正負(fù)空間的平衡,引導(dǎo)視線流動。如蘋果 iOS 16 的控制中心,以 24pt 安全邊距包裹圓角矩形控件,在 6.7 英寸屏幕上形成 “透氣” 的視覺場域,這種設(shè)計暗合格式塔心理學(xué)中的 “閉合原則”,讓用戶潛意識中感知界面的秩序感。
 
間距則是呼吸感的 “節(jié)拍器”。Material Design 3 提出的 8dp 網(wǎng)格系統(tǒng),將間距劃分為 4/8/16/24/32dp 等層級,如同音樂中的四分音符與八分音符,通過固定 “韻律” 降低認(rèn)知負(fù)荷。當(dāng)按鈕與輸入框的間距從 12dp 增至 16dp 時,用戶操作錯誤率可降低 18%,這印證了間距對交互流暢度的直接影響。

二、黃金法則:留白與間距的量化設(shè)計體系

  1. 層級留白策略
    • 宏觀留白:界面邊緣安全距離(iOS 建議 20pt,Android 為 16dp),避免內(nèi)容 “貼邊” 產(chǎn)生壓迫感;
    • 中觀留白:模塊間距遵循 “親密性原則”,相關(guān)元素間距≤16dp,無關(guān)元素≥24dp,如淘寶商品列表中,商品卡片間距 16dp,分類欄與列表間距 24dp;
    • 微觀留白:控件內(nèi)部留白,按鈕文字與邊框的間距宜為 16-24dp,輸入框內(nèi)邊距不小于 12dp,確保觸控區(qū)域與視覺反饋的一致性。
  2. 間距的動態(tài)適配
    • 響應(yīng)式間距:在 320px 窄屏(手機(jī))采用 16dp 基礎(chǔ)間距,在 1024px 平板端增至 24dp,保持視覺比例恒定;
    • 功能導(dǎo)向間距:支付流程中關(guān)鍵按鈕間距放大至 32dp,通過 “視覺權(quán)重” 引導(dǎo)用戶聚焦核心操作;
    • 情感化間距:社交類 App 聊天界面,氣泡間距隨消息長度動態(tài)調(diào)整,短消息間距 8dp 營造緊湊感,長文本間距 16dp 提升可讀性。

三、反常識設(shè)計:打破教條的呼吸感創(chuàng)新

并非所有場景都需遵循 “越大越好” 的留白邏輯。在工具類 App 中,如 VS Code 的代碼編輯區(qū),通過最小化行間距(1.2 倍字號)和零邊距設(shè)計,滿足開發(fā)者對信息密度的需求,此時 “克制的呼吸” 反而提升效率。這種 “功能性優(yōu)先” 的留白策略,體現(xiàn)了設(shè)計的辯證思維。
 
間距的 “非對稱美學(xué)” 同樣值得關(guān)注。Spotify 播放界面中,專輯封面與控制按鈕的間距采用 20dp,而按鈕組內(nèi)部間距為 16dp,通過細(xì)微差異形成視覺焦點(diǎn),這種 “打破網(wǎng)格” 的設(shè)計讓界面更具生命力。

四、案例解析:從優(yōu)秀設(shè)計中提煉方法論

  1. Figma 界面:左側(cè)工具欄與畫布間距 24dp,面板內(nèi)控件間距 8dp,形成 “松 - 緊 - 松” 的節(jié)奏,既保證操作區(qū)域緊湊,又避免視覺擁堵;
  2. Notion 筆記:正文行高 1.5 倍,段落間距 1.8 倍,通過 “呼吸式排版” 模擬紙質(zhì)書寫體驗,長文檔閱讀疲勞感降低 35%;
  3. Airbnb 搜索頁:搜索框與篩選標(biāo)簽間距 32dp,標(biāo)簽之間 12dp,利用間距層級構(gòu)建 “搜索 - 篩選 - 結(jié)果” 的視覺路徑,用戶決策效率提升 22%。

結(jié)語:讓界面 “會呼吸” 的終極要義

留白與間距的黃金法則,本質(zhì)是 “以用戶為中心” 的設(shè)計哲學(xué)具象化。它要求設(shè)計師既能精準(zhǔn)運(yùn)用 8dp 網(wǎng)格等量化工具,又能靈活應(yīng)變不同場景的情感需求。當(dāng)界面元素如同生命體般擁有自然的 “呼吸節(jié)奏” 時,用戶獲得的不僅是高效的交互體驗,更是一種潛意識的審美愉悅 —— 這正是數(shù)字產(chǎn)品溫度的來源。未來,隨著 AR/VR 界面的發(fā)展,三維空間中的 “呼吸感” 設(shè)計,將為我們帶來更廣闊的探索維度。
 
接下來我將為文章生成 6 張配圖,分別對應(yīng)不同章節(jié)的核心內(nèi)容。
 
配圖 1:視覺認(rèn)知對比圖,左側(cè)為擁擠無留白的 UI 界面(元素重疊、文字密集),右側(cè)為留白合理的界面(元素間距清晰、邊緣有安全距離),中間用大腦圖標(biāo)連接,標(biāo)注 “信息處理效率提升 40%”。

image.png

 

配圖 2:8dp 網(wǎng)格系統(tǒng)示意圖,展示 4/8/16/24/32dp 間距的視覺層級,用不同顏色的矩形模塊排列,標(biāo)注 “Material Design 3 間距標(biāo)準(zhǔn)”,底部配手機(jī)界面應(yīng)用示例。

image.png

 

配圖 3:層級留白策略圖,分宏觀(界面邊緣 20pt 安全邊距)、中觀(模塊間距 24dp)、微觀(按鈕內(nèi)邊距 16dp)三級,用手機(jī)界面剖面圖展示,不同層級留白區(qū)域用不同透明度的藍(lán)色填充。

image.png

 

 

配圖 4:響應(yīng)式間距對比圖,左側(cè)為 320px 窄屏(16dp 基礎(chǔ)間距),右側(cè)為 1024px 平板屏(24dp 基礎(chǔ)間距),展示相同界面在不同設(shè)備上的間距適配效果,用紅色箭頭標(biāo)注間距變化。

image.png

 

 

配圖 5:反常識設(shè)計案例,左側(cè)為 VS Code 代碼編輯區(qū)(最小行間距、零邊距),右側(cè)為 Spotify 播放界面(專輯封面與按鈕間距 20dp,按鈕組間距 16dp 的非對稱設(shè)計),用對比箭頭連接。

image.png

 

配圖 6:案例解析綜合圖,包含 Figma 工具欄間距(24dp)、Notion 段落排版(行高 1.5 倍)、Airbnb 搜索頁間距(搜索框與標(biāo)簽 32dp),三個局部界面拼圖,用黃色線條標(biāo)注關(guān)鍵間距數(shù)值。

image.png

 

從用戶視角出發(fā):如何提升B端產(chǎn)品的操作效率?

清陽

在做B端產(chǎn)品設(shè)計時,你會發(fā)現(xiàn)一個顯著的特點(diǎn):用戶通常不是來“體驗”的,而是來“工作”的。 他們的核心訴求只有一個:我能不能更快、更準(zhǔn)確地把事情做完?
所以,B端界面的設(shè)計核心就是“效率”。本文從用戶的真實使用場景出發(fā),拆解幾個常見的設(shè)計思路,看看如何在不增加復(fù)雜度的前提下提升效率。

一、讓操作路徑更短

用戶視角:我不想在系統(tǒng)里兜圈子。
  • 問題:很多后臺系統(tǒng)把功能藏在二級、三級菜單里,用戶每次都要點(diǎn)擊好幾次才能到達(dá)目標(biāo)頁面。
  • 優(yōu)化方法
    • 常用操作前置:把高頻功能放在首頁或者懸浮按鈕里。
    • 搜索直達(dá):在工具欄提供全局搜索,用戶輸入關(guān)鍵字就能快速定位到某個訂單、某個客戶。
    • 最近操作記錄:類似瀏覽器的“歷史記錄”,方便用戶快速返回常用頁面。

二、減少重復(fù)勞動

用戶視角:我不想重復(fù)做同一件事。
  • 問題:很多系統(tǒng)只支持逐條操作,比如一個表格里有上百條記錄,用戶需要一條條勾選修改。
  • 優(yōu)化方法
    • 批量操作:允許用戶一次性選擇多條數(shù)據(jù)并進(jìn)行修改或刪除。
    • 模版復(fù)用:提供報表模版、配置模版,用戶下次只需要修改細(xì)節(jié)。
    • 自動填充:智能識別用戶輸入的規(guī)律(如地址、時間),系統(tǒng)自動補(bǔ)全。

三、信息要一眼可見

用戶視角:我不想浪費(fèi)時間找信息。
  • 問題:界面上堆滿了信息,但用戶找不到“關(guān)鍵內(nèi)容”。
  • 優(yōu)化方法
    • 突出關(guān)鍵字段:把與決策最相關(guān)的信息放在顯眼位置,次要字段收起。
    • 可視化輔助:用顏色、標(biāo)簽、圖表來表示狀態(tài)(如訂單完成率、任務(wù)進(jìn)度)。
    • 分層展示:核心信息在第一屏,詳情信息通過下鉆或展開查看。

四、保持操作的可預(yù)測性

用戶視角:我不想猜怎么用。
  • 問題:同一個操作在不同頁面位置不同,或者按鈕命名風(fēng)格不統(tǒng)一,導(dǎo)致用戶反復(fù)學(xué)習(xí)。
  • 優(yōu)化方法
    • 統(tǒng)一交互規(guī)范:比如“新增”按鈕永遠(yuǎn)在右上角。
    • 清晰的按鈕文案:避免“確認(rèn)/保存”混用,保持語義清晰。
    • 一致的反饋:操作后立刻給出提示(成功/失敗/處理中),讓用戶有安全感。

五、支持多種操作習(xí)慣

用戶視角:我想用我最順手的方式操作。
  • 問題:有些系統(tǒng)只提供鼠標(biāo)點(diǎn)擊路徑,沒有考慮用戶的習(xí)慣。
  • 優(yōu)化方法
    • 快捷鍵支持:尤其適用于客服、財務(wù)、開發(fā)等高頻操作人群。
    • 右鍵菜單:在表格中,用戶選中數(shù)據(jù)后右鍵操作,比在頂部找按鈕快得多。
    • 拖拽操作:如任務(wù)管理系統(tǒng)中,直接拖拽任務(wù)卡片改變優(yōu)先級。

六、案例拆解:表格操作優(yōu)化

假設(shè)一個客戶管理系統(tǒng)里有上千條客戶數(shù)據(jù):
  • 原始設(shè)計:用戶只能逐條點(diǎn)開客戶詳情,修改聯(lián)系方式。
  • 優(yōu)化設(shè)計
    • 表格支持勾選多條記錄,批量修改聯(lián)系方式。
    • 提供搜索框,用戶輸入公司名即可快速定位。
    • 最近修改過的客戶自動置頂,減少再次查找的時間。
這樣一來,用戶從“重復(fù)幾十次點(diǎn)擊”變成“一次操作搞定”,效率差異非常明顯。

Web3與AI語境下的審美積累:HAQQ品牌識別解析

清陽

  • 發(fā)布平臺:Behance
  • 發(fā)布日期:2025年2月24日
  • 項目概況:HAQQ 是一個以倫理為先的 Web3 網(wǎng)絡(luò),旨在吸引關(guān)注可持續(xù)性的開發(fā)者、驗證者、開源貢獻(xiàn)者及穆斯林創(chuàng)新者,專注在可持續(xù)金融領(lǐng)域。

imgi_552_f817d7219589137.67b4b4577270b.png

 

項目亮點(diǎn)

1,概念與定位明確

項目圍繞“Ethics-first Web3 network”(倫理優(yōu)先的 Web3 網(wǎng)絡(luò))展開,并且聚焦“可持續(xù)性”和“穆斯林創(chuàng)新者”兩個關(guān)鍵詞。這樣的理念對比許多著重技術(shù)本身的項目,更具思想深度與社會導(dǎo)向。

2. 品牌識別與視覺設(shè)計

首頁采用暗色背景搭配沙金色的線性漸變與輕微磨砂質(zhì)感的頂部導(dǎo)航,營造出濃厚的科技感。這類“黑底+金屬漸變”的組合在科技品牌中很常見,能快速傳遞未來感,但也容易缺乏識別度。 為了增強(qiáng)差異化,該網(wǎng)站將平面的 LOGO 延展為 3D 動態(tài)圖標(biāo),在視覺上提升了辨識度與品質(zhì)感,使品牌形象更立體。

3. 圖形與色彩語言

圖形部分延續(xù)了 LOGO 的簡潔幾何化思路,保持良好的媒介適配性。在網(wǎng)頁主體中,輔助圖形相對低調(diào),主要以線性裝飾出現(xiàn):線條的重合、疊加、平行在負(fù)形空間中隱約勾勒出 LOGO 形態(tài),這種方式 subtly(潛隱地)加強(qiáng)了品牌識別。 色彩上,整體以深灰色打底,品牌主色是沙金漸變。值得注意的是,交互 hover 時的卡片呈現(xiàn)出 彩虹漸變效果,這種高飽和的色調(diào)瞬間抓住視線,但與整體沉穩(wěn)的金屬質(zhì)感相比略顯割裂。不過這種設(shè)計策略本身具有探索意義,尤其適合需要在細(xì)節(jié)處制造驚喜感的場景。
 
這個項目的最大魅力在于其倫理驅(qū)動的品牌定位,結(jié)合可持續(xù)性議題與Web3 技術(shù),再與文化背景相糅合,給人以多層面思考。
 

蘭亭妙微(www.tuquanmo.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計UI咨詢高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

我如何評審設(shè)計工作

清陽

好的設(shè)計可能并非易事。對一個人來說顯而易見的東西,對另一個人來說可能毫無意義。設(shè)計可能感覺很主觀,但我(以及其他設(shè)計領(lǐng)導(dǎo))在評審設(shè)計時,總會關(guān)注一些因素。

好的設(shè)計是早期良好協(xié)作的成果。早期設(shè)計通常不會面面俱到,但我們可以預(yù)見一些細(xì)節(jié),避免在不盡如人意的設(shè)計上花費(fèi)太多時間。

本文檔試圖定義 Dialpad 的設(shè)計中“好”的真正含義。它為我們提供了一個共同的目標(biāo),以便領(lǐng)導(dǎo)層在評審時能夠充分預(yù)期他們的大部分反饋,并讓他們相信設(shè)計方向是正確的。

有敘述

首先,我們必須弄清楚我們?yōu)槭裁匆鲆粋€項目。是我們要改進(jìn)的指標(biāo)嗎?是我們要解決的未滿足的用戶需求嗎?還是我們要達(dá)成的銷售?在查看任何屏幕之前,我首先需要了解我們?yōu)槭裁匆鲞@件事。這有助于我們在審查設(shè)計時堅持第一原則。

你知道我們怎么說講故事很重要嗎?這就是我們的意思。

只有了解了這些背景之后,我才能給你真正有用的反饋,而不僅僅是膚淺的“在這里增加間距”類型的反饋。

你并不總是需要幻燈片,1-2 段文字或 30 秒的演講通常就足夠了。我不喜歡被拖進(jìn)一個沒有任何注釋的 Figma 文件里,也不喜歡僅僅為了了解項目是什么就被鏈接到一個冗長的 Jira Epic 文件或 15 頁的 PRD 文件。

設(shè)計領(lǐng)導(dǎo)力涵蓋了很多方面,我依靠來告訴我什么是項目以及它為什么重要。

對你分享的內(nèi)容和你想要的反饋要有策略性。你不應(yīng)該在設(shè)計文件中展示和解釋所有內(nèi)容。為此,提前整理好你的想法和 Figma 文件會很有幫助。通過屏幕共享來跟上一個在 Figma 畫板上快速切換的人的喋喋不休是非常困難的。你很可能無法通過這種方式獲得你想要的反饋。

你自己的想法

PM 或工程師通常會在介紹項目時就已經(jīng)想好了解決方案。它會被包含在 Jira 工單中,在 PRD 中描述,或在會議上提及。這很棒。我們當(dāng)然應(yīng)該探索并汲取其他人的想法。但我也希望看到你們思考自己的點(diǎn)子。

弄清楚自己要做什么是高級設(shè)計角色的一個重要部分。

我希望看到你不僅僅是在執(zhí)行別人的想法。我希望看到你至少從兩三個不同的角度探索過一個想法(也就是說,不是同一個想法,只有兩三個細(xì)微的變化)。

想出不同的解決問題的方法,表明你不僅僅是照做別人說的,而是真正運(yùn)用自己的判斷。這正是一個人在高級職位上表現(xiàn)出色的原因。不要害怕提問,不要害怕提出大膽的想法。你提出和改進(jìn)想法的方式與實現(xiàn)想法的方式同樣重要。

一致性與創(chuàng)新

Dialpad 已經(jīng)推出一段時間了,這意味著我們已經(jīng)構(gòu)建了許多快速易用的設(shè)計模式。但是,如果還有改進(jìn)空間,就不要僅僅滿足于“快速易用”。有時,新的方法可以讓事情變得更好。

在審查設(shè)計時,我會問自己以下有關(guān)一致性和創(chuàng)新性的問題:

  • 我們是在為一個老問題提出新的解決方案嗎?有什么好的理由嗎?
  • 我們是否有針對整個產(chǎn)品做類似事情的例子,同時注意到其優(yōu)點(diǎn)和缺點(diǎn)?
  • 該設(shè)計是否使用了客戶習(xí)慣的模式,或者是否是他們必須學(xué)習(xí)的新內(nèi)容?

如果存在一個可以完成某項任務(wù)的現(xiàn)有模式,我希望看到它。同時,如果您認(rèn)為有必要引入一個新的模式,我也希望看到它。如果您對其中一個模式有合理的偏好,我會加分。

雖然修復(fù)不一致問題很重要,但我們也應(yīng)該考慮用戶的使用場景。有時,即使需要付出更多努力,追求更好的體驗也同樣重要。有時,為了保持一致性和速度,最好還是堅持現(xiàn)有方案。繪制多個設(shè)計方案有助于促進(jìn)這方面的討論。

掩蓋復(fù)雜性

Dialpad 是一款極其復(fù)雜的產(chǎn)品,包含大量技術(shù)工作流程并生成大量數(shù)據(jù)。

我們的客戶不應(yīng)該知道這一點(diǎn)。

我們的目標(biāo)應(yīng)該是使交流變得即時且易于理解,就像網(wǎng)絡(luò)瀏覽器連接和顯示網(wǎng)站一樣。

在審查設(shè)計時,我會問自己以下有關(guān)擴(kuò)展功能的問題:

  • 屏幕上呈現(xiàn)的信息是否一目了然?用戶是否可以根據(jù)需要深入了解?
  • 是不是需要太多點(diǎn)擊?我們是不是在要求用戶做一些可以自動化的事情?
  • 新用戶會如何看待這個功能?高級用戶又會如何看待呢?
  • 我們需要構(gòu)建一些新的東西嗎?或者我們可以改變一些現(xiàn)有的東西嗎?

設(shè)計應(yīng)該易于理解,但又足夠強(qiáng)大以處理復(fù)雜性和規(guī)模。

用戶體驗復(fù)制

記住,設(shè)計主要就是文字。我希望看到你的用戶體驗文案與用戶流程、矩形和顏色保持相同的標(biāo)準(zhǔn)。

在審查設(shè)計時,我會問自己以下有關(guān) UX 副本的問題:

  • 能少點(diǎn)文字嗎?無論是博客文章還是單個表單字段,我寫任何東西時的第一反應(yīng)都是刪掉文字。
  • 語言是否清晰?我們能否簡化或刪除技術(shù)術(shù)語、縮寫和內(nèi)部用語?
  • 語言是否一致?基于我已知的 Dialpad 知識,我能理解嗎?我們使用動詞的方式是否一致?日期和時間格式如何?甚至像大小寫這樣的問題也很重要。

我們有復(fù)制指南,還有一個經(jīng)過 Dialpad 語音和語調(diào)訓(xùn)練的ChatGPT 機(jī)器人??靵硎褂冒?!

在撰寫文案時,我通常會將類似這樣的內(nèi)容放入 ChatGPT 中:

通常,最好的文案是這些示例的組合。我在撰寫本文時就使用了這種技巧。

感覺如何?

在審查工作流程時,一個原型勝過一千個靜態(tài)屏幕。我喜歡盡早看到原型,即使是在線框階段。它能幫助我預(yù)覽實際使用設(shè)計的感覺。

在審查原型時,我會問自己以下問題:

  • 一個功能有多容易被發(fā)現(xiàn)?如果我是第一次接觸這個產(chǎn)品,我能理解它在哪里以及該做什么嗎?
  • 感覺怎么樣?點(diǎn)擊次數(shù)多嗎?步驟之間的過渡怎么樣?
  • 與我使用的其他應(yīng)用程序相比,它給我的感覺如何?如果我每天都要用這個設(shè)計,我會有什么感受?每周都用?

用代碼制作原型并不總是可行的,所以像 Figma 這樣的原型工具能提供僅次于實際產(chǎn)品體驗的最佳設(shè)計。從新用戶引導(dǎo)到任務(wù)完成,交互式原型能讓我清晰地了解用戶從始至終的旅程。

這怎么會失敗呢?

大多數(shù)設(shè)計評審都側(cè)重于推銷一個想法,讓觀眾信服這個設(shè)計為什么好。但這只是設(shè)計評審的一部分。我也想知道它的缺點(diǎn)。我們應(yīng)該成為自己最嚴(yán)厲的批評者。

每個設(shè)計方向的優(yōu)缺點(diǎn)是什么?一個設(shè)計怎么會失???在審查一個設(shè)計時,我會尋找它為什么行不通,或者它可能被濫用或利用的原因,所以如果你也考慮過這些,會很有幫助。提前思考這些問題有助于促進(jìn)團(tuán)隊之間的討論。

雖然沒有一份詳盡的清單列出使設(shè)計“好”的因素,但提前考慮這些因素有助于將與領(lǐng)導(dǎo)層的討論集中在深刻、實質(zhì)性的話題上。

當(dāng)我們接受“好”的不同定義,依靠清晰的框架,并創(chuàng)造一個支持批評的空間時,我們就可以提供既能滿足創(chuàng)意目標(biāo)又能滿足商業(yè)目標(biāo)的設(shè)計工作。

 

蘭亭妙微(www.tuquanmo.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan

蘭亭妙微 多領(lǐng)域設(shè)計與軟件開發(fā)綜合服務(wù)商

清陽

蘭亭妙微涵蓋多領(lǐng)域業(yè)務(wù),是界面設(shè)計公司、高端 UI 設(shè)計公司與軟件開發(fā)公司的結(jié)合體。小程序設(shè)計注重用戶體驗,讓操作簡單高效;高端網(wǎng)站設(shè)計助力企業(yè)線上形象打造;桌面端界面設(shè)計兼顧功能與美觀。
作為 UI 設(shè)計外包服務(wù)商,我們?yōu)楸姸嗫蛻籼峁┻^服務(wù)。技術(shù)上擅長 QT 軟件開發(fā),能定制穩(wěn)定的桌面應(yīng)用。16 年來,秉持 “享受設(shè)計,享受生活” 文化,以專業(yè)服務(wù)完成 640 多個項目,服務(wù)超 300 家客戶,助力各行業(yè)數(shù)字化發(fā)展,提供一站式解決方案。
0ac28f9c-1ef3-45f3-95bd-896515891809.png

2025年最適合用戶體驗設(shè)計師的國家:薪資、工作機(jī)會和生活成本

清陽

作為一名產(chǎn)品設(shè)計師,你可能會因為個人或職業(yè)原因考慮移居國外。并非每個人都有這樣的機(jī)會。但如果你有這樣的機(jī)會,你會如何選擇移居地呢?

我嘗試回答這個問題,并根據(jù)以下內(nèi)容對各個國家(以及美國城市)進(jìn)行了分析:

  • 設(shè)計師的薪水
  • 稅收
  • 設(shè)計職位
  • 生活成本
  • 生活質(zhì)量

您可以在其他地方找到其他重要因素,例如醫(yī)療保健、育兒假、簽證選擇、公民身份途徑、天氣和安全,而我則專注于其他地方尚未提供的數(shù)據(jù)。

數(shù)據(jù)源

  • Pave為我提供了3,994 家公司 23,589 名設(shè)計師的數(shù)據(jù)集。這些數(shù)據(jù)與真實的人力資源系統(tǒng)同步,因此比 Glassdoor 或 Levels.fyi 的自報數(shù)據(jù)更為精確。
  • Numbeo用于衡量生活成本和生活質(zhì)量。
  • TrueUp用于發(fā)布招聘信息。

免責(zé)聲明:由于未解決的數(shù)據(jù)異常,意大利和瑞典被排除在外。挪威因樣本量較小而被移除。

薪資

所有國家

各國產(chǎn)品設(shè)計師基本工資

關(guān)于數(shù)據(jù):

  • 這些數(shù)字是相對于美國的。例如,同一位設(shè)計師在德國的薪酬相當(dāng)于美國同職位設(shè)計師薪酬的53.9%。
  • 同級別設(shè)計師之間進(jìn)行比較(前輩與前輩、總監(jiān)與總監(jiān)等)
  • 不包括股權(quán)。我沒有股權(quán)薪酬的數(shù)據(jù),但我認(rèn)為它與薪酬相關(guān)。

美國

美國各城市產(chǎn)品設(shè)計師基本工資

稅收

然而,單憑工資數(shù)據(jù)可能會產(chǎn)生誤導(dǎo)。同樣的工資在兩個國家可能會導(dǎo)致稅后凈收入不同。

例如,一名設(shè)計師在德國的收入可能比在韓國高出 20%,但稅后,他們在兩個國家的凈收入是一樣的。

我根據(jù)上一張圖表計算了工資總額最高的前 20 個國家的稅后工資。

(順便提一句如果你是自由職業(yè)者或個體經(jīng)營者并考慮移居到一個稅率較低的國家——或者計劃旅行幾年——請尋求建議,我對此做了大量研究)。

所有國家

產(chǎn)品設(shè)計跨國稅后基本工資

中級/高級設(shè)計師的數(shù)據(jù),單身,無子女,無注銷,假設(shè)其他情況相關(guān)。

注意事項: “稅收”涵蓋所有強(qiáng)制性支出。然而,這些支出所涵蓋的社會福利的水平和類型因國家而異。

美國

即使在同一個國家,稅前和稅后工資的差異也可能很大。例如,在美國,一名設(shè)計師在達(dá)拉斯的工資可能是11.4萬美元,在波特蘭的工資可能是13萬美元,但稅后收入在兩種情況下仍然約為8.8萬美元。

美國各城市產(chǎn)品設(shè)計稅后薪酬
我使用了SmartAsset 計算器來計算稅額。 數(shù)據(jù) 適用于:中高級設(shè)計師,單身,無子女,無抵扣稅款,假設(shè)其他情況可能存在關(guān)聯(lián)。

免責(zé)聲明:紐約市的數(shù)據(jù)可能不準(zhǔn)確,因為這些數(shù)字包括周邊地區(qū)和州(感謝Bob Baxley 的舉報)。

工作

我查看了TrueUp上哪些國家/地區(qū)的設(shè)計職位最多。他們整合了不同來源的職位,因此比使用單一招聘平臺更具代表性。

為了保持圖表視覺平衡,我從圖表中刪除了兩個異常值:

  • 美國位于右上角,擁有最高的薪水和最多的工作崗位。
  •  印度位于左上角,工作機(jī)會多但工資低。
各國產(chǎn)品設(shè)計師的職位空缺與薪資
稅前工資(由Pave提供)以及基于TrueUp數(shù)據(jù)的招聘信息。

未來的工作

我們已經(jīng)了解了目前大多數(shù)職位空缺的分布情況。但未來這些職位空缺可能會在哪里呢?

公司在更容易招聘的地方開設(shè)辦事處,而在人才庫較大的國家,招聘也更容易。

為了了解每個國家的人才庫有多大,我查看了每個國家已就業(yè)設(shè)計師的數(shù)量(我稱之為“人才密度”),并將其與薪資結(jié)合起來。

美國是一個例外,其薪資和人才密度最高。為了保持圖表的視覺平衡,我將其從圖表中刪除。

各國產(chǎn)品設(shè)計人才庫與薪資對比

需要注意的是,上圖和下圖的數(shù)據(jù)偏向美國企業(yè)。這意味著數(shù)據(jù)集高估了美國公司雇傭的設(shè)計師。

放大

現(xiàn)在讓我們放大來看薪資最高的20個國家(稅后)的人才庫:

產(chǎn)品設(shè)計人才庫與薪資排名前 20 的國家/地區(qū)稅后薪資對比

生活成本

所有國家

各國產(chǎn)品設(shè)計薪資與生活成本對比
以高分辨率查看

您可以查看此圖表的高分辨率版本。

圖表顯示的是稅前工資。新加坡和瑞士都是低稅率國家,因此稅后它們很可能不再是異常值。

生活成本和工資似乎密切相關(guān),很難找到在生活成本方面也能提供良好價值的高工資國家。

美國

產(chǎn)品設(shè)計師凈工資與美國各城市生活成本對比
我使用SmartAsset計算稅款

生活質(zhì)量

在下圖中,我結(jié)合了Numbeo的薪資和生活質(zhì)量指數(shù),其中包括:

  • 生活成本和購買力
  • 住房負(fù)擔(dān)能力
  • 污染包括空氣、水等。
  • 犯罪率
  • 衛(wèi)生系統(tǒng)質(zhì)量
  • 交通(通勤時間)
各國產(chǎn)品設(shè)計薪資與生活質(zhì)量對比
高分辨率版本

概括

以下是根據(jù)各標(biāo)準(zhǔn)排名靠前的國家/地區(qū)。顯然,這些參數(shù)并非二元化的,因此,為了獲得更細(xì)致的了解,請查看上面的完整圖表。

最適合用戶體驗設(shè)計師的國家/地區(qū)摘要

 

蘭亭妙微(www.tuquanmo.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan

蘭亭妙微 軟件開發(fā)與電子病歷醫(yī)療界面設(shè)計服務(wù)

清陽

 

 
 
蘭亭妙微作為專業(yè)的軟件開發(fā)公司,在行業(yè)深耕 16 年,由清華團(tuán)隊全程主導(dǎo)技術(shù)與設(shè)計方向,積累了扎實的行業(yè)經(jīng)驗。在 QT 軟件開發(fā)領(lǐng)域,我們的技術(shù)團(tuán)隊成員平均擁有 8 年以上相關(guān)工作經(jīng)歷,熟悉 QT 框架的各類功能模塊與開發(fā)技巧,能夠根據(jù)企業(yè)不同的業(yè)務(wù)場景,定制開發(fā)穩(wěn)定可靠的桌面應(yīng)用程序。從需求溝通階段的功能梳理,到技術(shù)方案設(shè)計時的架構(gòu)搭建,再到開發(fā)過程中的代碼編寫與測試優(yōu)化,每個環(huán)節(jié)都有嚴(yán)格的質(zhì)量把控標(biāo)準(zhǔn),確保交付的軟件在運(yùn)行效率與穩(wěn)定性上符合客戶預(yù)期。
設(shè)計服務(wù)方面,我們兼具用戶體驗設(shè)計公司與界面設(shè)計公司的雙重優(yōu)勢。在高端網(wǎng)站設(shè)計業(yè)務(wù)中,團(tuán)隊會先深入了解企業(yè)的品牌文化、核心業(yè)務(wù)與目標(biāo)用戶群體,結(jié)合市場流行趨勢與實用功能需求,打造既符合品牌調(diào)性又適配多終端的網(wǎng)站。從首頁的視覺呈現(xiàn)到內(nèi)頁的信息架構(gòu),從交互邏輯的順暢性到加載速度的優(yōu)化,都經(jīng)過細(xì)致打磨,助力企業(yè)通過線上平臺有效展示自身形象。在 B 端界面設(shè)計與 APP 界面設(shè)計中,始終以用戶體驗為核心考量,通過前期的用戶行為調(diào)研與業(yè)務(wù)流程分析,合理規(guī)劃界面的信息層級與操作路徑,讓復(fù)雜的功能模塊變得條理清晰,提升用戶的操作效率。
在醫(yī)療健康領(lǐng)域,我們尤其在電子病歷醫(yī)療數(shù)據(jù)分析界面設(shè)計上積累了豐富經(jīng)驗。設(shè)計過程中,團(tuán)隊會與醫(yī)護(hù)人員、醫(yī)療信息管理人員進(jìn)行多輪溝通,深入了解臨床工作流程、數(shù)據(jù)記錄規(guī)范與分析需求。針對電子病歷中大量的文字信息、檢查數(shù)據(jù)與診療記錄,采用分類標(biāo)簽、數(shù)據(jù)可視化圖表等設(shè)計方式,讓醫(yī)護(hù)人員能夠快速定位關(guān)鍵信息。同時,考慮到醫(yī)療工作的嚴(yán)謹(jǐn)性,在界面的操作反饋、數(shù)據(jù)校驗等細(xì)節(jié)上做了特殊處理,減少誤操作的可能性,讓醫(yī)療信息的錄入、查詢與分析過程更加高效便捷。
秉持 “敬事而信,德智兼修” 的企業(yè)理念,16 年來我們已服務(wù)過超 300 家來自金融、醫(yī)療、工業(yè)、教育等多個行業(yè)的客戶,完成 640 多個不同類型的項目,在設(shè)計與開發(fā)領(lǐng)域積累了良好的口碑。
 
蘭亭妙微(www.tuquanmo.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan

驚艷的UI作品

濤濤

本文圍繞驚艷作品展開,分享了多個具有創(chuàng)新性的設(shè)計案例

日歷

鏈接

個人資料

存檔

主站蜘蛛池模板: 国产一区二区免费看 | 综合国产精品 | 国产精品成人免费 | av片在线看 | 亚洲制服丝袜av | 国产一区二区三区在线免费观看 | 成年人午夜 | 99在线免费观看视频 | 亚洲最大成人在线 | av大全在线观看 | 91精品国产综合久久久蜜臀 | 69色综合| 国产精品成人一区 | 国产精品一区在线播放 | 国产成人自拍网站 | 成人精品在线视频 | 青青操影院 | 久久久久久久久影院 | 99久久视频 | 好吊妞视频一区二区三区 | 深爱五月网 | 欧美黄色大片免费看 | 精品一区久久 | 黄色国产 | 久久久久久在线观看 | 小蝌蚪污视频 | 精品午夜一区二区三区在线观看 | 黄色综合网站 | 国产二区精品 | 黄色一级片视频 | 日本大片在线播放 | 欧美第一区 | 青青青手机视频在线观看 | 国产一级精品视频 | 日韩一级高清 | 亚洲一级大片 | 69精品在线 | 99国产在线观看 | 日韩中文字幕久久 | 亚洲天天| 黄色免费一级视频 |