寶雞網(wǎng)絡(luò )公司：2013網(wǎng)頁(yè)設計流行趨勢（一） |
作者：佚名 發(fā)布時(shí)間：2013-01-30 瀏覽：3836次 |
寶雞做網(wǎng)站公司首選寶雞世紀網(wǎng)絡(luò )，5年建站歷程 600多家客戶(hù)的選擇 值得信賴(lài)！歡迎來(lái)電咨詢(xún)。 最近The Industry網(wǎng)站概括了他們認為的 2013 年的 13 個(gè)設計趨勢，世紀網(wǎng)絡(luò )編譯如下，供大家參考。 1.扁平設計 扁平化設計正好是蘋(píng)果一度推崇的擬物主義skeumorphism的反面極致。有一家公司盡管不是第一家實(shí)現這種風(fēng)格的公司，但把它推向全新高度的卻是這家公司無(wú)疑。這家公司就是微軟。 似乎 Windows 8 整個(gè)操作系統都是圍繞著(zhù)徹底扁平的 UI 來(lái)開(kāi)發(fā)的，隨處可見(jiàn) Metro 和 Live Tiles。這種風(fēng)格有利有弊，應根據需要權衡。 最近采用了這種扁平化設計的是一顆冉冉升起的新星，它的名字就叫做Rise—一款鬧鐘 app。它的整個(gè) UI 都沒(méi)有一丁點(diǎn)的三維元素，簡(jiǎn)潔貫穿著(zhù)整個(gè)應用，跟灰度結合起來(lái)之后，我們看到的是以一個(gè)外觀(guān)漂亮的鬧鐘。 當然，扁平化設計并不適合于所有的應用，但是越來(lái)越多的設計師和開(kāi)發(fā)者仍將會(huì )把極簡(jiǎn)主義作為 app UI 設計的方向。 2.更少按鈕，更多手勢 一旦應用缺少了各種按鈕和可視化維度的東西，用戶(hù)不自覺(jué)地就會(huì )求助于手勢。Clear就是一款出色地運用了手勢的應用，彰顯出四維思考的魔力。Google 最近發(fā)布的 Google Maps 想要同時(shí)做到扁平化設計和運用手勢這兩點(diǎn)。手勢將會(huì )是 2013 年的設計趨勢。 3.輔助動(dòng)畫(huà)：功能可見(jiàn) 既沒(méi)有按鈕可按，又沒(méi)有圖標可選，你可能就不知道怎么去完成任務(wù)。這時(shí)候，一點(diǎn)點(diǎn)的動(dòng)畫(huà)指示也許可以引導用戶(hù)操作。 最好的例子也許是 iOS 鎖屏的照相機按鈕。對 iOS 不熟悉的人看到那個(gè)按鈕的第一反應也許是點(diǎn)擊而不是拖動(dòng)。蘋(píng)果對于用戶(hù)的點(diǎn)擊沒(méi)有無(wú)動(dòng)于衷，而是演示一段上下彈跳的動(dòng)畫(huà)。用戶(hù)于是就能很直觀(guān)地知道如何打開(kāi)照相機了。 靠一點(diǎn)小動(dòng)畫(huà)來(lái)提供功能的可見(jiàn)性，就可以省卻按鈕來(lái)引導用戶(hù)熟悉 UI，這是視覺(jué)提示最小化之后的一種解決方案。 4.左側導航，菜單抽屜 三條橫線(xiàn)，又名”漢堡包”，許多 app 都把它作為菜單圖標的選擇。這是表明存在一組復雜不過(guò)畫(huà)三根橫線(xiàn)的選項的簡(jiǎn)單方式。有一個(gè)應用甚至把它用出了樂(lè )趣，只要你按住The Magazine左上角的那個(gè)三橫線(xiàn)圖標超過(guò)三秒，它真的就變成了漢堡包的樣子。真是一個(gè)可口的復活節彩蛋。 盡管”漢堡包”已經(jīng)非常流行，但這種視覺(jué)表征形式今后還將變得更加普遍。 5.原生壓倒Web 網(wǎng)站沒(méi)有詳細解釋提出該觀(guān)點(diǎn)的原因。但是，從目前的情況看，原生應用還是主流。相對于 Web 技術(shù)，原生應用具有功能多、貨幣化能力強的特點(diǎn)。但是隨著(zhù) HTML 5 標準的初步定稿，Web 應用的功能也將逐步完善，加上其部署靈活和跨平臺兼容等優(yōu)勢，再過(guò)一兩年這種趨勢也許就會(huì )逆轉。 6.響應式網(wǎng)頁(yè)設計 這個(gè)趨勢顯然跟上一條背道而馳，但是今年無(wú)疑會(huì )在網(wǎng)頁(yè)設計中走俏。隨著(zhù)新的出版物的面世，為了擴大受眾的覆蓋面，單一的平臺顯然是不夠的。 迄今為止最好的例子是Quartz。它幾乎可以輕松地在任何設備上運行，在 iPhone、iMac 或者 Surface 平板電腦上均能展現相同的信息，且一樣的美觀(guān)。 響應式設計正在成為展示基于 web 內容的熱門(mén)方式。針對每一款設備進(jìn)行特別設計幾乎是不可能的，而這種替代方案是一種非常值得信賴(lài)的選項，可以使內容在不同平臺之間保持一致。 7.網(wǎng)站更寬 通過(guò)提供更寬幅的網(wǎng)站，可視的媒體就可以更加顯著(zhù)地呈現在文字的旁邊。一圖勝千言嘛。 …… |
