麻豆视传媒官网直接进入免费 PC網頁的UI設計趨勢（下）

7. 回歸立體表現

Microsoft的Windows8和Apple的iOS7中所提倡扁平化設計，對以前占有支配地位，裝飾過多的擬物化有很強的沖擊。扁平化在APP UI的世界瞬間被普及了，這股潮流也波及到PC網站。

另一方面，扁平化設計的問題也表現了出來。扁平化認為設計側面會帶來是很大的累贅。特別是頁面元素很多的網站，不用表現立體，因此導致了點擊元素與非點擊元素之間很難區別，重要的信息和關聯性之間也很難區分。扁平化設計表面上更簡潔和親切，與之相反卻是一種難度較高的設計。

因為UI是沒有流行的這一說法，說是符合流行的扁平化設計或是擬物化設計這種判斷都是錯誤的。所以，重新考慮制作網頁UI的目的時，扁平設計的制約性很大，并且很難考慮全面，再度回歸立體表現的潮流應該是很妥當的。

8. 滾動和聯動的機關

網頁變長在滾動的行為中，可以多在滾動時的反響上下功夫。

使用多年前就流行的視覺滾動差效果來表現，這也算一個流行。不過現在的視覺差花費的制作成本正在減少，有時是菜單跟隨滾動、有時是某個位置彈出窗口的展開、有時是淡入的文字，像這樣少量的機關可以讓網站特別顯眼。

但是動態UI是人類眼睛對運動物體本能反應的需求。因此，沒有計劃且過剩的動態，會讓眼睛得不到休息，讓人感覺到不穩定，原本的信息也沒有被記住。不能不計后果的使用動畫，在個別的地方使用動畫可以得到不錯的效果，最小限度的使用才是上策吧！

9. 無縫的畫面跳轉和過渡

網站和app在頁面跳轉上是否有接縫這一點上略有不同。隨著Flash的沒落，HTML的網站再次成為主流。頁面的跳轉就是頁面刷新，變成常識。

然而，通過Pjax實現了像APP那樣的頁面跳轉，就像插入JQuery一樣，即使是PC網站也可以作到無縫的頁面跳轉。

Pjax維持了網站的結構，在頁面跳轉時只是替換了特定的代碼。總之，想讓頁面整潔的存在，而去使用Flash和曾經的Ajax的網站都會有避免不了“不利于SEO”的缺點。

最近隨著技術的進一步發展，頁面跳轉時的過渡和多樣性會變得更加豐富。

現在這樣的技術作為設計情感的一個側面得以強化。網站構建時也有效果展現不合適的情況，關于使用的效果有必要充分的考慮一下。

10. 網頁字體的活用

要是使用網頁字體的話，在OS上可能會顯示沒有字體。必須要把文字制作成圖片格式。

在國外Google等公司免費提供了高品質的英文網頁字體。英文因為只有26X2種（大寫、小寫）+符號，所以字體比較豐富，可選項多，被迅速普及。

但是，網頁字體確實是當今PC網站的趨勢。

另外，圖像失真的也很多，特別是Windows環境下文字輪廓很難看也是一個大問題。與英文有所不同，有文字多，字間距規范化難，文字末尾處理等等問題，所以必須得放棄使用。也就是說，因為使用了外觀受限的網頁字體而使美觀度降低所引起的矛盾，就是現在日文網頁字體的現狀。

11. SVG 的使用

在網頁上的主流圖片格式很長一段時間都是JPEG、GIF和PNG。未來將增加SVG格式的圖片。

SVG最大的特征是矢量圖。與其他格式相比，不會依存于尺寸和分辨率。無論什么樣的使用環境，無論如何的擴大，都能正常顯示。體積也小，有做成動畫的可能，圖片格式適合在移動端和多種設備下閱覽。

在使用SVG格式之后支持的瀏覽器會變少。Internet Explore8以下的瀏覽器，不能支持。因此針對IE8以下的網站需要準備替代手段。另一方面，除了IE8以下的瀏覽器，當前主流瀏覽器可以多使用SVG格式。

作為圖片的特點，SVG適合色彩少且簡潔的圖形。另一方面，像照片那樣寫實的表現，SVG是不適合的。因此，不可以全部都SVG化，根據圖片的特點JPEG和PNG要一起并用。

12. 視頻的活用

Flash進入了成熟期，是積極嘗試UI與影像融合的時候了。伴隨著Flash的衰退，PC網站變得普遍沒有動態，在UI中加入視頻的網站逐漸增多。

為了在HTML中插入視頻，必須使用標簽。這個標簽是HTML5之后才提供的,對于不支持HTML5的瀏覽器是不能用的。但是，近些年由于一些提前支持HTML5的主流瀏覽器，使得利用視頻的環境更加容易，這也是加速視頻活用的一個原因。

另外和以前相比，視頻的制作更加容易也不能忘記。曾經的影像制作必須花費高額的費用，出現了承包影像制作的公司。如果不是對品質有要求的話，即使是個人也可以用手機等拍攝簡單的視頻，這也是一個加速視頻活用的原因吧。

與智能手機不同，PC網站的網絡速度基本不會有神經質的狀況。要是使用視頻會得到更好的訴求效果。

總結

綜上所述，介紹了一些設計趨勢。值得注意的是，“趨勢如此”這樣的簡單理由在設計時是不會被采納的。是否是體現了UI的趨勢，并且在網站上去遵循這些趨勢也沒有必要的。

了解趨勢是最重要的事，把握這個背景的外部要因和用戶動向的變化。在沒有理解本質的情況下，如果只是為了追求網站的設計趨勢，效果也全然沒有。趨勢雖然能了解，卻也不是必使用，對于設計師來說是一個可選擇項。