網頁設計中的簡約之美
隨著網頁技術的不斷發展,網頁設計的趨勢在改變,扁平化、響應式、視覺差滾動、卡片式等給設計師帶來了更多的發揮空間。簡約的設計,也以其簡潔直觀、輕薄美觀等特點,越來越受到設計師的追捧和大眾的喜愛。
With the continuous development of web technology, web design trends in change, flattened, responsive, poor visual rolling, such as card gives the designer more play space. Simple design, also with its concise intuitive, thin and beautiful wait for a characteristic, sought after by more and more designers and the public's favorite.
來源:騰訊TGideas官網
Source: tencent TGideas website
那么什么是簡約設計?
So what is a simple design?
簡約設計是將設計回歸本質的一種設計理念。簡約并是對內容的簡單刪減,而是提煉設計精華,滿足美觀實用的本質訴求。在網頁中,簡約的設計,往往具清晰的頁面結構、簡單的交互操作等特征,在滿足傳遞信息的同時,從視覺體驗的角度,為用戶帶來輕松、愉悅的美感。
Contracted design is a kind of design concept will be designed to return to nature. Contracted and is the content of simple cuts, but design essence, satisfy the essence of the beautiful and practical demands. In a web page, simple design, often with a clear page structure, simple features such as interactive operation, in meet the transfer information at the same time, from the perspective of visual experience, brings the aesthetic feeling of relaxed, cheerful to users.
那么在網頁中,怎樣做到簡約呢?
Then in a web page, how to do simple?
下面是一些最常見的方式:
Here are some of the most common way:
1、 大標題
1, the headline
將大標題作為網頁的視覺中心,簡潔圖片作為大標題的背景,這樣很容易將視覺聚焦,讓人一眼就能看出這個網頁是做什么的。另外,大標題在字體和色彩上,也盡量選擇一些簡單的、顏色單一的效果,這樣視覺會更純粹。
The headlines as the visual center of the web page, concise image as the setting of the headline, so it is easy to visual focus, let a person can see this web page at a glance is what to do. In addition, the headline on the font and color, also try to choose simple, the effect of single color, this vision will be more pure.
例如:“最職業DNF”主題站,為打造最具豐富并個性差異職業體系,采用精致的大標題設計,結合簡單的背景,重點突出又不失美觀。
Station for example, "the most professional DNF" theme, to build the most professional system and rich individual character difference, using the headlines in the delicate design, combined with the background of the simple, focused and beautiful.
[1420444083301308.jpg]
[1420444083301308 JPG]
http://dnf.qq.com/act/a20141105career/
http://dnf.qq.com/act/a20141105career/
例如:Nike為打造舒適的購物體驗,每一頁用簡單的大標題和背景相結合,讓女人能很輕松的找到她們的SIZE,即簡潔又直白;
For example: Nike to create comfortable shopping experience, each page with simple headline and background, the combination of woman can easily find their SIZE, concise and straightforward;
[1420444114115811.jpg]
[1420444114115811 JPG]
https://www.nike.com/cdp/nikepro360fit/us/en_us/#/
https://www.nike.com/cdp/nikepro360fit/us/en_us/#/
2、大背景
2, the background,
大圖片背景,是目前應用最多的一種網頁呈現方式。將整張大圖片作為背景,不僅能產生強烈的視覺沖擊力,還可以對網頁內容起到一個很好的補充,有效的突出品牌形象。
Big background images, is the most used a web presentation. Will the big picture as a background, not only can produce a strong visual impact, can also for web content have a very good supplement, prominent brand image effectively.
例如:QQ飛車“夢想再出發“預熱站,將大背景鋪滿整個頁面,每個畫面都含不同的寓意
Such as: QQ speed "dream" preheating stations, the background will be covered the entire page, each frame contains a different meaning