亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 網頁設計 > 正文

談談網頁設計中的Less和More(圖)

2024-08-30 08:34:41
字體:
來源:轉載
供稿:網友
設計中的Less和More 三聯教程
  Less is More是很多設計師的口頭禪,它最早是由建筑大師Ludwig Mies van der Rohe提出,是一種提倡簡單,反對過度裝飾的設計理念。在此基礎上,不斷的有設計師對這個思想加以改進和新的解讀,現在它已經成為了設計界的一個基本理論和準則。該理論的擁護者認為,使用簡約的設計,去除不必要的細節,可以讓產品和用戶獲得更大的收益,產生更好的效果。
  在傳統行業,有很多關于Less is More的成功案例。
  1979年,索尼發現大部分用戶對于播放的需求遠遠大于錄音,所以他們去掉了傳統錄音機的錄音功能,甚至去掉了當時認為必不可少的外置揚聲器。然后把剩下的部分做到一個小盒子內,并配以立體聲耳機。這就是風靡全球的Walkman隨身聽。
  1984年,IBM在鼠標和軌跡球的基礎上,精簡結構,發明了TrackPoint(小紅帽),在移動設備上有效的替代了鼠標的功能,并解決了軌跡球占用空間過大等缺點?,F在TrackPoint已經成為了Thinkpad筆記本的標志,并且類似的設計被應用在很多其他品牌的筆記本電腦上。
  2007年,蘋果精簡了手機的按鍵,甚至砍掉了整個實體鍵盤,推出了iPhone。在全世界范圍內引領了一場智能手機的革命。
  上面這些都是Less的思想帶來的巨大成功。但是在實際的設計工作中,有時我們會因為對于這個思想理解不夠深刻,而犯下一些錯誤。所以,具體的設計究竟是該Less還是該More,還是應該根據實際情況來決定。比如下面這些例子:
  一、百度商業產品的某處細節
  在百度推廣的鳳巢這個系統中,一個賬戶有如下的基本結構:賬戶 > 推廣計劃 > 推廣單元 > 關鍵詞。如圖:
  也即:一個賬戶中,可以有多個“推廣計劃”;某推廣計劃中,可以有多個“推廣單元”;某推廣單元中,可以有多個“關鍵詞”。現在PM需要上一個新功能,他提供了這樣的一個草圖:
  PM解釋說:“我需要一個定位器。可以讓用戶選擇定位到「全賬戶」、某「推廣計劃」、某「推廣單元」或者某「關鍵詞」。簡單畫了一下,本著‘少即是多’的原則,我把它們組合在了一起。”
  我看了以后很困惑,問到:“如果我想定位到全賬戶,該如何操作?”
  PM回答說:“全賬戶的話,就什么都不選,直接點「查看」即可。”
  我:“暈…”
  這是一個比較典型的,精簡了界面上的內容,但卻損失了用戶體驗的例子。雖然這樣的設計是最簡潔最省空間的,但是卻沒能表達清楚這里的功能。后來經過討論,將其改為了類似下面這種:
  也即,在原有的下拉框和輸入框之前,加上了4個選項。這4個選項,分別對應著可以做分析的4個不同層級,只有選定了層級之后,才會在下方出現該層級下面的具體選擇控件。這樣的改動,將用戶的任務分成了兩個步驟:1、選擇自己要分析哪個層級。2、選擇具體的分析對象。雖然流程變長了,點擊次數變多了,界面上的元素也變得更加復雜了,但是收益很明顯,那就是整個流程變得更加簡單順暢了,用戶幾乎無需任何思考即可上手操作。所以界面元素上的More反而提升了實際的用戶體驗。就像是《Don’t make me think》這本書中的一句話:“點擊多少次都沒關系,只要每次點擊都是無需思考,明確無誤的選擇。”
  二、網頁上的斜體字
  在很多英文網頁上,設計師會選擇將一些文字變成斜體。對于英文來說,在一些特定的字體下,斜體字會比較美觀,同時這種效果在一些特定的場合也承擔著一定的特殊含義。比如在維基百科中,斜體字經常會用來寫書名或者注釋類內容,如圖:
  在上面的截圖中“This article is about the line of …”這一行內容,是注釋的性質,并非介紹iPhone的正文,所以維基百科使用了斜體字。合理的使用這些樣式,可以提高讀者的閱讀效率,也可以提升美觀程度。
  但是就斜體字本身而言,我認為它并不是很適合中文網頁。理由很簡單,在中文網頁比較通用的12px字號下,斜體漢字的識別性會變差。例如,下圖是某航空公司網站上,同一功能控件的兩種不同語言的對比截圖(為了讓問題更明顯,我選擇了繁體中文):
  從截圖中我們可以清楚的看到,左側的英文版,在Arial字體作用下,斜體字表現得不錯??吹们澹置烙^。但是右側就比較悲劇了。中文的12px宋體字,加了斜體樣式后,識別度嚴重下降(這就有點兒像Ludwig Mies van der Rohe所說的“過度裝飾”)。特別是一些比劃比較多的漢字,會出現疊在一起的情況。
  顯然,在這個例子中,設計中文版的時候,應該更Less一些,去掉斜體樣式體驗會更好。
  三、播放按鈕和電話按鍵
  在很多電子產品上,設計師使用一個向右的三角符號來代表播放鍵。這已經是一個行業標準,我們見到這種符號,就會很自然的產生正確的認知。所以當再次設計類似功能的時候,我們可以直接沿用這個符號:
  在上圖所示的3個完全不同的播放軟件中,我們能夠輕易的找到代表播放功能的那個按鈕,并不需要在圖形下面注明“播放”2個字。這樣即節省了空間,也傳達出了我們對于功能的定義。這里的Less達到了More的效果。
  但是,這是否意味著,在為一個產品設計按鍵的時候,都可以沿用這種只提供圖形不提供文字的Less方式呢?答案一定是否定的。比如:
  這是某品牌電話機上面的按鍵,有誰能猜出數字鍵上方的3個按鍵的具體含義?特別是第1個和第3個,可能除了這個產品的設計者之外,大部分用戶都無法在第一時間得出準確的結論。對于具體使用該產品的用戶來說,他們面臨的不僅僅是功能上的困惑,更重要的,是他們在操作這個產品的時候,對于按下這些按鍵以后會發生什么,將毫無預期。如果沒有預期,很多用戶就會選擇根本不去嘗試,那么即使這個功能本身很有用,也難以成功推廣。如果我們的Less是建立在表達不清楚的代價之上,那就偏離了Less原本的初衷。在這樣的細節上,我認為還是考慮在按鈕下面標上文字吧,或者,直接把圖形替換成文字來表達。
  總結
  1、簡約的設計在很多時候可以讓產品使用起來更加流暢和高效,可以讓用戶體驗更好。
  2、但有時我們對于Less is More這句話的理解還不夠透徹。它的原意是反對“過度裝飾”,而不是一味的“簡單”。
  3、Less不僅僅是UI上的簡單,更重要的,是流程、認知層面的簡單易用。如果為了精簡UI而搞亂了流程,就得不償失了。
  4、更核心的原則,還是那句經典的Don’t make me think
  作者:xidea
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日本亚洲精品在线观看| 久久久久久久久久亚洲| 久久国产精品免费视频| 成人有码视频在线播放| 国产亚洲免费的视频看| 日韩高清中文字幕| 青青久久av北条麻妃黑人| www国产亚洲精品久久网站| 中文日韩在线视频| 久久精品免费播放| 一本一道久久a久久精品逆3p| 亚洲精品美女久久久| 国产日韩一区在线| 欧美精品激情在线观看| 91九色单男在线观看| 精品福利一区二区| 久久久久久com| 亚洲成人久久网| 亚洲欧洲高清在线| 亚洲精品中文字幕有码专区| 欧美另类老肥妇| 欧美一区二区三区艳史| 综合网日日天干夜夜久久| 欧美日韩亚洲国产一区| 日韩在线视频观看| 日韩日本欧美亚洲| 欧美日韩一区二区在线播放| 亚洲精品美女在线观看播放| 成人激情在线播放| 欧美亚洲成人xxx| 亚洲丁香婷深爱综合| 亚洲欧美制服另类日韩| 欧美大尺度电影在线观看| 国产一区二区三区日韩欧美| 91在线视频成人| 欧美日韩一区二区免费视频| 欧美黑人一级爽快片淫片高清| 欧美亚洲另类视频| 色婷婷久久av| 国产成人97精品免费看片| 日韩不卡在线观看| 欧美激情视频免费观看| 精品一区二区亚洲| 欧美亚洲另类激情另类| 亚洲欧美国产精品va在线观看| 精品性高朝久久久久久久| 欧美老女人www| 最近2019中文字幕一页二页| 九九久久精品一区| 一区二区三区在线播放欧美| 久久精品中文字幕一区| 国产视频久久网| 亚洲国产精品va| 亚洲大胆美女视频| 中文字幕日韩视频| 欧美大肥婆大肥bbbbb| 一区二区亚洲欧洲国产日韩| 日韩成人激情视频| 另类视频在线观看| 日韩欧美中文第一页| 两个人的视频www国产精品| 久久久久久久一区二区三区| 深夜福利日韩在线看| 日韩视频免费中文字幕| 亚洲日韩欧美视频一区| 日韩精品中文字幕在线| 精品国产精品三级精品av网址| 久久久国产精品免费| 日韩一区二区在线视频| 在线成人中文字幕| 日韩黄色高清视频| 国产精品一区专区欧美日韩| 69视频在线播放| 5566日本婷婷色中文字幕97| 亚洲色图av在线| 久久伊人精品一区二区三区| 日本高清不卡的在线| 亚洲人成欧美中文字幕| 欧美综合在线观看| 国产精品高潮呻吟久久av无限| 上原亚衣av一区二区三区| 欧美国产精品va在线观看| 欧美精品激情视频| 亚洲一区二区国产| 亚洲九九九在线观看| 综合国产在线观看| 日韩中文字幕精品| 粉嫩老牛aⅴ一区二区三区| 九九热精品视频国产| 日韩中文在线中文网在线观看| 91精品在线国产| 亚洲成av人片在线观看香蕉| 欧美激情在线有限公司| 欧美老少配视频| 久久久久久亚洲| 成人欧美一区二区三区在线湿哒哒| 国产精品jizz在线观看麻豆| 最近2019中文字幕一页二页| 久热精品在线视频| 日韩在线视频免费观看高清中文| 成人h视频在线观看播放| 欧美一级bbbbb性bbbb喷潮片| 中文字幕国产精品| 欧美丰满少妇xxxx| 国产精品久久久久久久av大片| 92看片淫黄大片看国产片| 国产精品久久中文| 91欧美精品成人综合在线观看| 亚洲国产精品久久久久| 亚洲欧洲一区二区三区久久| 亚洲午夜未满十八勿入免费观看全集| 亚洲精品日韩欧美| 大量国产精品视频| 国产精品成人av性教育| 国产精品视频一区二区三区四| 亚洲精品99久久久久| 国产精品成人品| 中文字幕日韩av| www.欧美精品| 亚洲女在线观看| 久久久久久久国产| 日本一本a高清免费不卡| 日韩高清不卡av| 精品久久久免费| 精品久久久国产精品999| 日韩在线小视频| 欧美国产日本在线| 日韩高清免费观看| 国产成人久久久精品一区| 精品国内自产拍在线观看| 国产精品91一区| 久久免费视频这里只有精品| 精品综合久久久久久97| 亚洲激情第一页| 91久久国产综合久久91精品网站| 91精品国产91久久久久福利| 国产三级精品网站| 国产成人精品免费视频| 黄色一区二区在线| 久久久久久一区二区三区| 免费97视频在线精品国自产拍| 国模吧一区二区三区| 伊人久久大香线蕉av一区二区| 国产精品都在这里| 国产精品爽爽ⅴa在线观看| 久久国产精品久久国产精品| 日韩欧美在线国产| 精品免费在线视频| 欧美在线视频网| 中文字幕亚洲欧美在线| 亚洲最大的av网站| 国产亚洲激情视频在线| 日韩欧美大尺度| 成人黄色免费看| 国模视频一区二区| 欧美日韩国产精品一区二区不卡中文| 精品国产网站地址| 国产精品第2页| 欧美电影免费观看| 国产亚洲欧洲高清| 国产精品久久久久高潮| 91在线色戒在线| 国产主播喷水一区二区| 国外日韩电影在线观看|