公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

總結(jié)了日式網(wǎng)站這4個優(yōu)點(diǎn)后,我能把中文網(wǎng)站做得高大上了!

2017-2-21    周周

本文通過分析日式網(wǎng)站的色彩、圖片、文字和元素運(yùn)用,幫你充分吸收日式網(wǎng)站的精華,讓中文網(wǎng)站的設(shè)計也變得高大上!

色彩

當(dāng)我們看到小清新的網(wǎng)站的時候首先一定會想到日式網(wǎng)站。

Sarara 是一家純凈水的網(wǎng)站,所以它的網(wǎng)站主題色系為藍(lán)色系,主要由高飽藍(lán)色到低飽藍(lán)色的過度,加上明暗對比的強(qiáng)烈,直接了當(dāng)?shù)耐怀鲂麄鞯漠a(chǎn)品。

該網(wǎng)站的主要面向目標(biāo)人群是大學(xué)生,所以選比較清純活力的女生作為主角,采用藍(lán)色系作為背景,紫色作為點(diǎn)綴色。

這也是一家日本礦泉水的官網(wǎng),它也是運(yùn)用了大量的藍(lán)色系作為背景。

畫面中主要以亮藍(lán)色、亮黃色以及白色的對比,自然突出了人物和產(chǎn)品,最后加上亮黃色的點(diǎn)綴吸引購買。

總結(jié):

  1.  大部分采用藍(lán)色系進(jìn)行過渡
  2. 增加色彩的對比,例如亮藍(lán)色和亮黃色等
  3. 選擇年輕化的人物來傳達(dá)氣氛

掌握了這些要領(lǐng),相信各位設(shè)計一個接地氣的日式小清新的網(wǎng)站。

圖片

日式網(wǎng)站在處理頁面中的圖片的時候,會哪些規(guī)律呢? 下面我們看看一些案例。

AIM Info 網(wǎng)站團(tuán)隊欄目中運(yùn)用的圖片具有統(tǒng)一的調(diào)性,主要體現(xiàn)在:

人物的色調(diào),視角及人物占有畫面的比例,通過男女的先后順序緩解視覺疲勞,這樣的處理方式會給用戶一種專業(yè)嚴(yán)謹(jǐn)信任的感覺。

下面的網(wǎng)站是一個傳統(tǒng)服飾的網(wǎng)站,通過孩子的攝影角度(一個正面和一個反面),女孩和男孩錯列順序,色彩的暖色和冷色,板塊大小進(jìn)行一個對比。這樣讓用戶即使閱讀這么多圖片,依然清晰條理,還能保持很大的新鮮感。

下面網(wǎng)站中的圖片使用了近景遠(yuǎn)景的對比處理手法:

第一張用近景來表現(xiàn)食物的細(xì)節(jié)
第二張用遠(yuǎn)景來表現(xiàn)飯店的外觀
第三張第四張同樣通過近景的手法來表現(xiàn)食物的加工過程
第五張用遠(yuǎn)景展現(xiàn)全景照片
第六張用近景來表現(xiàn)食物細(xì)節(jié)
第七張用遠(yuǎn)景體現(xiàn)整個參觀的內(nèi)部感覺

這樣的處理手法 使得整個畫面中圖多而不亂,增加了圖片中的節(jié)奏感和層次,讓用戶不斷有新鮮感去瀏覽圖片。

這個網(wǎng)站也是通過近景和遠(yuǎn)景的方式來搭配圖片:

根據(jù)上面幾個案例分析得來我們在網(wǎng)站運(yùn)用圖片可借鑒的幾種方式:

  1. 具有統(tǒng)一性(主要體現(xiàn)在色調(diào)/人物占有畫面的比例/人物造型/表情狀態(tài) 等)
  2. 運(yùn)用對比(主要體現(xiàn)在近景和遠(yuǎn)景/冷暖色彩/人物性別/人物的造型姿勢/形狀大小的對比等
  3. 突出主體,弱化背景。

文字

使用幾何圖形的形狀比例來進(jìn)行文字排版:

△  使用三角形進(jìn)行文字排版

△  使用豎長方形排版

△  使用橫長方形排版

△   使用六邊形排版

△  使用正方形排版

△  使用圓形排版

這個食品網(wǎng)站將文字進(jìn)行豎排,有效的將主視覺和介紹性的文字結(jié)合起來。又不失美感

通過特殊處理文字效果,突出重要內(nèi)容,直接抓取了用戶的視覺。

夸張的人物模特和神情,增加了文案排版的視覺沖擊力,讓原本單調(diào)的文字變的有活力。

根據(jù)上面幾個案例分析得來我們在網(wǎng)站中進(jìn)行文字排版可借鑒的幾種方式!

  1. 學(xué)會借鑒幾何圖形的比例去排版文字
  2. 文字排版中巧妙的加入圖形,不僅變的具有創(chuàng)意還會讓你所表達(dá)的信息內(nèi)容更加易懂
  3. 文字排版中學(xué)會融入來生活中圖像元素,不僅會讓你的視覺上得到質(zhì)的提,還會讓你整個內(nèi)容更加的接地氣

元素

網(wǎng)站中的線條與幾何圖像的運(yùn)用。

下面網(wǎng)站為了突出數(shù)字部分,采用明亮的線條作為提示作用,這樣不僅潮流,而且有效的抓住了用戶的視覺,突出了重點(diǎn)。

這里也運(yùn)用了線條來突出文字的重要性。

這個網(wǎng)頁將線條運(yùn)用在網(wǎng)頁中的按鈕上,告別實色為主的方式,加強(qiáng)了按鈕的透徹感。

線條的加入讓下面的網(wǎng)頁每一屏都有了區(qū)分性,同時也吸引了用戶的注意力,避免了兩屏內(nèi)容相互干擾。

下面網(wǎng)站為了讓用戶看到網(wǎng)站的重要內(nèi)容,利用了純色打底方式來修飾文字。

下面是一個網(wǎng)站的底部,為了讓top到頂部的功能和底部板塊信息得到有效的區(qū)分,所以網(wǎng)站采用了兩種色彩來分離兩個板塊的信息,從而避免它們彼此的干擾,讓原本雜亂的頁面變的有條理。

下面網(wǎng)站是一家賣眼鏡的產(chǎn)品,畫面中讓流線型的科技元素的加入,使得眼鏡給用戶先進(jìn)科技現(xiàn)代的感受。

下面網(wǎng)站是一家市場雜志的模特網(wǎng)站,網(wǎng)站同樣加入了現(xiàn)代 科技感的元素,使整個網(wǎng)站變的潮流超前。

下面網(wǎng)站是一家婚慶公司的宣傳網(wǎng)站,網(wǎng)站背景采用了將新娘手捧鮮花的照片,既不搶主視覺,又讓背景和照片完美融。

根據(jù)上面幾個案例,我們在網(wǎng)站可借鑒的幾種方式:

  1. 線條的運(yùn)用,既可以起到裝飾輔助分隔的作用,又可以作為重點(diǎn)信息突出
  2. 背景紋理純色的運(yùn)用,有效的起到了網(wǎng)站分隔和區(qū)分對比的作用
  3. 幾何圖形的運(yùn)用,讓你的網(wǎng)站更有新意
  4. 科技的元素的運(yùn)用,讓你的網(wǎng)站的產(chǎn)品賣點(diǎn)更突出,優(yōu)勢更明顯
  5. 實景圖的運(yùn)用,可以使網(wǎng)站更貼切生活
  6. 手繪元素的運(yùn)用,讓你的網(wǎng)站更出彩

還有很多元素也需要各位仁兄去發(fā)掘。

日歷

鏈接

個人資料

存檔

保山市| 通山县| 汕头市| 同仁县| 新源县| 高青县| 吉安县| 临安市| 阿勒泰市| 白朗县| 重庆市| 湖口县| 麻栗坡县| 鲁山县| 卢龙县| 丹寨县| 元氏县| 明光市| 板桥市| 拜泉县| 工布江达县| 阳山县| 和平县| 五台县| 嘉禾县| 茂名市| 松桃| 万宁市| 兴海县| 都安| 镇安县| 宁阳县| 神农架林区| 醴陵市| 龙陵县| 大石桥市| 巴东县| 阿合奇县| 商都县| 银川市| 汶川县|