<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 關于滾動下滑,我有話說

          2015-4-8    用心設計

          藍藍設計m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

          每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計

          來源:莫貝網(wǎng)

           如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

          現(xiàn)在有很多網(wǎng)站使用一些無邊框的、看起來高大上的圖片來鋪滿整個頁面,而且似乎有一大幫受眾都很吃這一套。

          但是并不是所有人都喜歡這種設計的。。呃,為啥呢?

          我只是想問一句,為啥子你要朝我吼,比如網(wǎng)頁上那個向下的箭頭?得了吧,我知道怎么用我的電腦,OK?我不是腦殘,我靠滾動的方式瀏覽網(wǎng)頁已經(jīng)不是一兩年了。所以不要試圖教我怎么做!

          解釋是愚者的行為 ——Milton Glaser

          致設計師們

          你們正在打斷用戶瀏覽網(wǎng)頁的邏輯過程,而緣由不過是一些最最基礎的交互動作。所有人都知道該怎么滾動頁面,而你們卻肆意破壞了這種心智模型。難道你 們不會睜大眼睛看看?哪里有被折疊的頁面?所有東西都是平鋪展示的。這種設計的出發(fā)點就錯了,向下箭頭壓根不是個解決方案,而是不當?shù)睦圪槨?/p>

          用一個箭頭告訴用戶滾動網(wǎng)頁的行徑就好像在一個按鍵上標注“點擊這里”那樣愚蠢。這不是設計,甚至不是藝術。正如我之前所說,你一試圖解釋就已經(jīng)敗了。

          這樣的箭頭壓根沒有存在的意義,相反,它是一種懶惰和無用的解決方案,因為它正試圖強迫用戶去操作,而非和用戶溝通。

          “可是我的客戶希望要個全屏的大圖片!天哪我該怎么做?

          冷靜下來,我們都是設計師,挑戰(zhàn)就是樂趣所在。

          大量的調研表明當用戶不知道可以下滑時是如何忽略你的內容的,以及針對這個問題的解決方法。即便使用一個下滑箭頭確實起到了不錯的效果,而對我來說那只不過是因為頁面對著用戶大叫“給我滑下去,傻瓜!”。換言之,它能解決問題,但是不能提供優(yōu)秀的體驗,

          嘗試用一些微妙的動畫(我不是指那些動來動去的箭頭)

          頁面上的動畫元素可以很好地幫助用戶留意到大圖下面是否還有內容。我不是說這是個萬金油的方案,但是動畫對我而言可能是解決此類問題優(yōu)先考慮的方案。

          從第一個例子里可以看到,底部的內容在頁面加載完初彈起又落下,直至消失于屏幕最底端,就好像在說:“嗨,我在這里,隨時來找我”。

          如果你的網(wǎng)站使用了視差滾動,或許你可以再玩點更有意思的效果,這樣可以讓整個頁面的動畫看起來更具一致性。如果圖片在用戶滾動時縮小,那么它在頁面加載完底下內容蹦出來時時也應該有一樣的效果。

          同樣地,如果你藏在首屏下的內容不止一塊,那也可以整點新花樣。

          不要把內容藏起來

          谷歌Fit在大的圓形圖表下露出小半截卡片幫助你了解可以滑動瀏覽更多。這是個很直觀和智慧的方式因為它不需要任何其它多余元素來說明,同時它能給予主視圖元素以足夠的空間。

          這并不是一個多么新穎的想法。在2006年,Jared Spool早就討論過此類設計

          在網(wǎng)頁中,你也同樣可以采用類似的戲法:讓首屏大圖只顯示90%的窗口高度

          我們還降低底下冒尖的內容的透明度,這樣用戶的注意力就能更聚焦在首屏上。

          關于底部內容的透明度我有話說。。如果透明度太低那也不中,而且最關鍵的是別忘了當用戶向下滾動網(wǎng)頁或試圖與這些內容產生交互動作時讓透明度回歸100%。

          “簡化”是個大課題,正如我們都知道的。然而有時候看起來簡單的解決方法不過是懶惰的體現(xiàn)。有的東西看起來容易設計,實則無意義于使用。

          請向我保證下次別在你的網(wǎng)站中出現(xiàn)向下箭頭了,好嗎?

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          亚洲国产精品无码久久久秋霞2| 一级a性色生活片久久无少妇一级婬片免费放 | 亚洲AV无一区二区三区久久 | 国产 亚洲 欧美 另类 久久| 91亚洲国产成人久久精品网址| 成人精品一区二区久久| 国产精品一区二区久久精品涩爱| 欧美日韩精品久久久免费观看| 久久精品亚洲中文字幕无码麻豆| 欧美精品一本久久男人的天堂| 久久人人爽人爽人人爽av| 久久天天躁狠狠躁夜夜网站| 国内精品伊人久久久久影院对白| 久久久久久久久久久久久久| 99久久精品国产免看国产一区| 亚洲欧美日韩精品久久亚洲区| 精品无码久久久久国产| 狠狠色丁香久久婷婷综合_中| 狠狠久久亚洲欧美专区| 狠狠精品久久久无码中文字幕| 欧美伊香蕉久久综合类网站| 波多野结衣AV无码久久一区| 国产日韩久久免费影院| 国产成年无码久久久久毛片| 久久久久成人精品无码| 91精品国产高清91久久久久久| 伊人久久五月天| 国产福利电影一区二区三区,免费久久久久久久精| 欧美日韩精品久久久久| 国产伊人久久| 99久久国产综合精品网成人影院 | 国产AV影片久久久久久| 久久精品国产亚洲77777| 久久无码AV一区二区三区| 青青青青久久精品国产h久久精品五福影院1421 | 国产亚洲色婷婷久久99精品91| 国内精品久久久久久野外| 国产精品免费福利久久| 国产69精品久久久久777| 99久久精品国产麻豆| 91久久香蕉国产熟女线看|