亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設(shè)計大賽

  • 設(shè)計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
搞定B端:寬窄屏適配設(shè)計思考
3.7°

在設(shè)計B端項目時,我通常會選擇1440像素的尺寸作為設(shè)計稿的基礎(chǔ)。當(dāng)頁面內(nèi)容不夠豐富時,窄尺寸的屏幕往往能呈現(xiàn)出較好的視覺效果,但當(dāng)屏幕尺寸擴展到1920像素寬時,問題便接踵而至。我經(jīng)常遇到兩種情況:一是內(nèi)容較少,導(dǎo)致在1920像素的屏幕上顯得不夠飽滿,自適應(yīng)布局后元素比例失調(diào);二是單行(列)文本段落內(nèi)容較多,自適應(yīng)后文本寬度過大,嚴(yán)重影響了可讀性。

例如,下面這個設(shè)計稿在1440像素的屏幕上效果是這樣的:



而在1920像素的屏幕上,效果變成了這樣:



如果采用固定寬度的內(nèi)容布局,在1920像素的屏幕上,左右兩側(cè)會留有過多空白;而完全采用自適應(yīng)布局,則在1920像素的屏幕上文本寬度過寬,影響了內(nèi)容的閱讀效率,有時卡片的比例和舒適度也會大打折扣(上圖1920像素的內(nèi)容其實還可以接受)。

這個問題經(jīng)常讓我感到困擾,讓我糾結(jié)于如何做出最佳的設(shè)計決策。我個人傾向于采取一種折中的策略,既不完全固定也不完全自適應(yīng),而是給內(nèi)容寬度設(shè)定一個范圍區(qū)間。比如上述頁面,我將內(nèi)容寬度范圍設(shè)定為960到1360像素,即在寬屏下最寬拉伸到1360像素后寬度固定。這樣在1920像素的屏幕上效果如下:



在16寸MacBook Pro,1792像素寬的屏幕上效果如下:



即使采用了折中的策略,在1920像素的屏幕上左右兩側(cè)可能仍會顯得有些空曠。如果你的注意力總是集中在那,那么勢必會覺得不舒服。但真實用戶通常會聚焦于內(nèi)容區(qū),不會被兩側(cè)的空白所吸引。因此,在做出設(shè)計決策時,我更傾向于這種折中的方案。(設(shè)計驗收方通常會將注意力放在留白處,經(jīng)常出現(xiàn)更“重”設(shè)計而輕體驗的情況)

當(dāng)然,并不是所有頁面都不適合采用完全自適應(yīng)的方式,還是要根據(jù)實際內(nèi)容來決定。例如,下面這種多列內(nèi)容的頁面就更適合完全自適應(yīng)的方案:



在設(shè)計過程中,找到最適合內(nèi)容展示和用戶閱讀習(xí)慣的平衡點是關(guān)鍵。通過不斷試驗和調(diào)整,我們可以創(chuàng)造出既美觀又實用的界面設(shè)計。

Powered by Froala Editor

更新:2024-12-31

收藏

8人已收藏

  • 14

    作品

  • 34

    粉絲

  • 5

    關(guān)注

  • 設(shè)計師如何發(fā)現(xiàn)用戶需求
  • 批量操作效率悖論:B端表格設(shè)計背后的思考(上)
  • 設(shè)計師提升開發(fā)效率之密碼設(shè)計
  • 微軟雅黑與Microsoft YaHei UI有什么區(qū)別

    猜你喜歡

      搞定B端:寬窄屏適配設(shè)計思考

      3.7°

      你確定要舉報搞定B端:寬窄屏適配設(shè)計思考?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設(shè)計師
      • 全部設(shè)計師
      • 推薦設(shè)計師和認(rèn)證設(shè)計師

      您確認(rèn)要推薦?

      該作品發(fā)布時間:2024年10月29日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      12
      8
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄