好爽快点伸进去视频在线观看_内射人妻视频_国产亚洲精品无码专区高清_国产微拍一区二区三区四区

YPS客服聯(lián)系方式
0532-88781131、15166683288
 返回貼子列表
發(fā)表新貼
主題：

網(wǎng)頁的滾動條設計

 共有697人瀏覽過本貼
YPS行業(yè)門戶系統(tǒng)
昵稱：YPS行業(yè)門戶系統(tǒng)
論壇積分：108000
發(fā)貼等級：21

發(fā)貼數(shù)：1122
回貼數(shù)：0
被砸雞蛋：被砸雞蛋0
獲贈鮮花：獲贈鮮花125
我的小屋 發(fā)表時間：2020/7/29 11:16:00 樓　主

網(wǎng)頁的滾動條設計

　　網(wǎng)頁設計的水平很大程度上也是細節(jié)設計水平的體現(xiàn)，一個優(yōu)秀的青島網(wǎng)站制作公司往往是網(wǎng)頁細節(jié)設計做的出色的公司。我相信所有設計師都是注重細節(jié)的，即使有時迫于種種原因，無法達到像期望般完美，但心中一定有份糾結(jié)的堅持。最近的項目中，給選擇器設計備選列表，發(fā)現(xiàn)了一個“由細節(jié)引發(fā)的細節(jié)問題”。下圖是示例。很簡單，在一個固定區(qū)域內(nèi)做多選，當有很多備選時，滾動顯示更多內(nèi)容。（原本意圖）

　　圖A：原本的意圖，和期望達到的效果

　　但實現(xiàn)出來之后，發(fā)現(xiàn)一個問題：滾動條被隱藏掉了。只有當在備選內(nèi)容區(qū)滾動鼠標時，滾動條才會顯示出來。這會影響到用戶對這個功能區(qū)塊的認知，根本察覺不到還有更多內(nèi)容。（出乎預料）

　　圖B：滾動條不見了，這可不是我們期望的

　　經(jīng)過調(diào)試發(fā)現(xiàn)仍無法控制滾動條的始終顯示，只好修改了設計。拉長區(qū)域高度，讓下面的內(nèi)容露出一部分來。用不完整來暗示還有更多內(nèi)容。當區(qū)域有滑動時，滾動條自己就出來了。（解決方案）

　　圖C：用不完整的形態(tài)做暗示

　　回到問題上來。可能會受影響的是在MacOSX10.7.3上使用Webkit內(nèi)核的瀏覽器（Safari或Chrome）的用戶們。究其最終原因，是因為一個系統(tǒng)默認選項（如下圖），“根據(jù)輸入設備自動顯示”。這是蘋果的一個細節(jié)設計，可以根據(jù)鼠標或觸摸板等不同的輸入設備，顯示或隱藏滾動條。也正是因為它，如果你使用的是觸摸板或MagicMouse等觸控式鼠標，就會發(fā)現(xiàn)，在Webkit內(nèi)核的瀏覽器下，一些功能原本有滾動條，現(xiàn)在都消失不見了。簡單調(diào)整一下設計，就能比較好的解決這個問題了（如圖C）。

　　滾動條控制

　　再優(yōu)雅的設計，有時候也可能會引發(fā)問題。作為設計師，得以同樣優(yōu)雅的方式回應并解決問題。
回復 回復此貼 TOP
共0個回貼   分0頁 上一頁 / 下一頁   當前第頁