1. Smart and compact navigation design

之前過大型的導航設計，隨漢堡圖標又大行其道。可能對于漢堡菜單的隱藏式設計不夠明顯，傳統的導航設計又逐步回歸，不過在風格上，倒是呈現出時髦而小巧的特點。這種導航在細節和體驗上更加考究，更重要的是，小巧的布局和信息量的控制使得它一目了然，如果想要更多的導航信息則需要點擊「更多」按鈕。

Large scale navigation design was popular before, and then Hamburg icon became popular again. Maybe the hidden design of the hamburger menu is not obvious enough, and the traditional navigation design is gradually returning, but in style, it is fashionable and compact. This kind of navigation is more exquisite in details and experience. What's more, the small layout and information control make it clear at a glance. If you want more navigation information, you need to click the "more" button.

這種導航設計的優點在于，它為下面的主要內容留下了足夠的空間和焦點，又確保了導航本身的功能性。

The advantage of this navigation design is that it leaves enough space and focus for the following main contents, and ensures the functionality of the navigation itself.

而缺陷也同樣明顯，由于導航設計得過于小巧，可能會讓部分用戶感到困惑。就目前來看，這種導航適合單頁式的網站或者是訪問量相對沒有那么大、個性十足的網頁，結構復雜的網站就不適合這樣的設計趨勢了。

And the defect is also obvious, because the navigation design is too small, may make some users confused. At present, this kind of navigation is suitable for single page websites or relatively less visited and personalized webpages. Websites with complex structure are not suitable for this design trend.

下面的三個網站不同程度地運用了這一設計趨勢：

The following three websites use this design trend in varying degrees:

在頁面的右側加入了一個黑色的垂直條，用一個小的暫停按鈕和小巧的動態來吸引你切換頁面。小巧的導航被置于頁面部。

Add a black vertical bar on the right side of the page, with a small pause button and small dynamic to attract you to switch pages. Small navigation is placed at the bottom of the page.

這個網站采取了一個相對折中的方案，采用了側邊欄導航，而其中包含了 LOGO、漢堡圖標和搜索按鈕，這樣保證了菜單的顯著，也保持了整個設計的簡約性。當你點開漢堡圖標的時候，會發現這里面真的隱藏著大量的鏈接，甚至包含了文章推薦。

This website adopts a relative compromise scheme, which adopts sidebar navigation, and includes logo, hamburger icon and search button, so as to ensure the prominent menu and keep the simplicity of the whole design. When you click the hamburger icon, you will find that there are a lot of links hidden in it, even including the article recommendation.

導航欄同樣置于側邊欄，不過是在左側，所有的鏈接都擺在明面上，但是從名稱到樣式都非常的簡約小巧。

The navigation bar is also placed in the sidebar, but on the left side. All the links are on the surface, but the name and style are very compact.

2. 有趣的圖層剪切效果

2. Interesting layer clipping effect

學會通過圖層控制來營造充滿視覺吸引力的設計，會讓你在設計的時候如虎添翼。通過控制不同圖層的元素互動，可以創造令人著迷的視覺效果。

Learn to create a visually attractive design through layer control, which will make you more powerful in design. By controlling the interaction of elements in different layers, you can create fascinating visual effects.

值得慶幸的是，以往令人撓頭的各種設計效果，現如今對于網頁前端而言已經是小菜一碟了。越來越成熟的前端技術讓圖層的控制和管理更加得心應手。近，為的圖層相關的技術，是圖層剪切的效果，這種效果指的是將部分元素切除為前景中的元素騰出位置。

Fortunately, the various design effects that used to make people scratching their heads are now a piece of cake for the front end of the web page. More and more mature front-end technology makes layer control and management more handy. Recently, the most popular layer related technology is the effect of layer clipping, which refers to the removal of some elements to make room for the elements in the foreground.

這種圖層剪切效果幾乎適用于任何類型的網站和設計，被裁剪的部分可以是任意大小、位置的，而使用這一效果的訣竅在于控制元素之間的協同，前景的元素要和背景的元素之間完美地配合起來。

This kind of layer clipping effect is suitable for almost any type of website and design. The clipped part can be of any size and position. The key to use this effect is to control the coordination between elements. The foreground elements should be perfectly matched with the background elements.

被裁剪的部分應該和整個設計的信息傳達息息相關，和設計目標保持一致。比如，它應該能夠輔助導航，引導視覺，幫助用戶獲取信息，促進功能，幫助用戶理解信息。

The cut part should be closely related to the information transmission of the whole design and consistent with the design goal. For example, it should be able to assist navigation, guide vision, help users get information, promote functions, and help users understand information.

3. 快速剪輯的視頻

3. Fast clip video

設計師一直在借助視頻來呈現設計，講述故事。不過，在視頻內容的呈現上，千變萬化，目前的做法，是使用快速剪輯或者加速之的視頻，來快速地呈現豐富的內容。毫無疑問，這樣的方式不僅貼合了如今用戶注意力集中時間短的現狀，而且更好地保持用戶的參與度。

Designers have been using video to present design and tell stories. However, in the presentation of video content, there are many changes. At present, the most popular method is to use fast editing or accelerated video to quickly present rich content. There is no doubt that this way not only fits the current situation of users' short concentration time, but also keeps users' participation better.

快節奏的視頻剪輯，好處在于更加快速的信息展現。用戶在瀏覽的時候能夠很快弄明白視頻要呈現的內容，整個視頻的循環速度也更快，也能夠更好的促進用戶和網站的交互。

The advantage of fast-paced video clip is faster information display. Users can quickly understand the content of the video when browsing, and the whole video cycle speed is faster, which can also better promote the interaction between users and the website.

濟南網站建設今日就給大家帶來這些精彩內容，更多的精彩內容請點擊：http://m.sun2007.cn/進行詳情查看，我們續會有更多精彩內容等您

Jinan website construction will bring you these wonderful contents today. For more wonderful contents, please click: http://m.sun2007.cn/ Check the details, we will have more wonderful content waiting for you