畫(huà)面中塞琼，網(wǎng)頁(yè)雜志排版，人在看第一眼接受的是圖禁舷，看的順序是圖的順序彪杉。多彩的顏色更吸引注意毅往。上下先進(jìn)行分割，圖文模塊與純字模塊進(jìn)行調(diào)和派近。然后進(jìn)行圖文分割(圖文分割方式有很多種攀唯，技法也很多)，突然一般具有豐富的色彩渴丸，文字一般選擇純色——以此作為分割侯嘀。最后進(jìn)行文字設(shè)計(jì)，文字標(biāo)題設(shè)計(jì)曙强，第一個(gè)開(kāi)頭字設(shè)計(jì)残拐，按鈕設(shè)計(jì)，但是顏色要統(tǒng)一不可喧賓奪主碟嘴。
帶圖片更感性溪食，文字圖標(biāo)和ui更理性。
每一個(gè)文字標(biāo)題都應(yīng)該做設(shè)計(jì)娜扇。用于引導(dǎo)閱讀文字的視線错沃，和創(chuàng)造設(shè)計(jì)感。
設(shè)計(jì)
設(shè)計(jì)點(diǎn):
帶有浮層的圖片雀瓢，有吸引視線的作用枢析，在UI里但不可以使用過(guò)度，不然畫(huà)面高低起伏不定易造成人心慌亂刃麸。除非浮層范圍與范圍之間相差比較遠(yuǎn)醒叁，近看時(shí)，看不到其它范圍泊业，遠(yuǎn)看時(shí)把沼，秩序不亂。
設(shè)計(jì)點(diǎn)
這個(gè)排版設(shè)計(jì)幾乎沒(méi)有什么亮點(diǎn)吁伺，就是上大圖下小字饮睬。圖片和字體都正常的不能再正常了。
它的文字左邊有一個(gè)緊靠邊的與文字齊平的一個(gè)小短線篮奄，而小短線的引導(dǎo)并非只有自己的文字捆愁，還有旁邊字體的文字，對(duì)小短線的快速搜索窟却，可以總覽大小圖昼丑，對(duì)線的統(tǒng)一感和圖片大小的差異節(jié)奏感形成對(duì)比，讓人有一種美的感覺(jué)夸赫。
設(shè)計(jì)點(diǎn)
整個(gè)畫(huà)面文字用了整齊無(wú)襯線字體矾克，規(guī)矩簡(jiǎn)潔。
這種字體往往更能體現(xiàn)功能性，與科技感胁附，與食物的安全性酒繁。畫(huà)面灰白色顏色的劃分極大的區(qū)分類(lèi)別范圍。功能列表的圖標(biāo)控妻，未完成:亮點(diǎn)范圍縮小州袒，亮度降低，已完成:亮點(diǎn)范圍正常弓候，亮度微降低郎哭，正在做:亮點(diǎn)范圍正常，亮度增加菇存。(極大的突出了功能性)
如果圖片與文字組合夸研，想要增加襯線做裝飾，襯線顏色一定要淺與整體要和諧依鸥。襯線容易起到分割畫(huà)面的作用亥至，一不能做到喧賓奪主，二不能分割畫(huà)面贱迟，三要容易理解分割方向姐扮。目的是增強(qiáng)統(tǒng)一感和裝飾性。
設(shè)計(jì)點(diǎn)
總覽:上下兩個(gè)景衣吠，中間文字作為調(diào)和
細(xì)看:景1:運(yùn)用重疊技法茶敏，注意問(wèn)題:裝飾區(qū)域放在前面的時(shí)候，大小要放小缚俏，放在后面的時(shí)候大小可以放大惊搏，不論大小面積畫(huà)面最好顏色為黑白，不能喧賓奪主忧换。
景2:用對(duì)稱(chēng)技法恬惯，圖與字對(duì)稱(chēng)等量，心理上均衡平等(中性十足)包雀。字體設(shè)計(jì)宿崭，上下用了對(duì)稱(chēng)倒影的手法設(shè)計(jì)標(biāo)題亲铡。坐標(biāo)用了圖標(biāo)才写，有主標(biāo)題，有小文字奖蔓。(小景)?
設(shè)計(jì)點(diǎn):底部用攝影圖作為視覺(jué)延伸赞草。
設(shè)計(jì)點(diǎn):帶數(shù)字的放大數(shù)字縮小文字展示，放淡文字吆鹤，加深加大厨疙。圖片模塊，背景黑色疑务，圖文組合沾凄，橫圖梗醇，多模塊，切換頁(yè)撒蟀，壓黑交互叙谨。圖(豎圖剪影)
設(shè)計(jì)點(diǎn):地圖上，路線進(jìn)行光影展示保屯。
設(shè)計(jì)點(diǎn):視頻橫向組合加淡黑層手负，增加神秘感突出按鈕，視頻條用細(xì)線顯示姑尺，播放按鈕用襯線裝飾竟终。(雜志感與UI的結(jié)合)
設(shè)計(jì)點(diǎn):1.豎圖，并列展示切蟋，其他圖壓黑處理统捶，突出部分放大加陰影。
2.字體用了粗體敦姻，細(xì)襯線瘾境，裝飾感極強(qiáng)。主標(biāo)題用黑白背景圖淡色增加設(shè)計(jì)感镰惦，黑色鳥(niǎo)把插畫(huà)和文字做呼應(yīng)迷守。
設(shè)計(jì)點(diǎn):開(kāi)頭字母嵌入漸變色背景圖，和背景圖沖出字體旺入。
設(shè)計(jì)點(diǎn):1.標(biāo)題橫向倒影兑凿，大寫(xiě)作為裝飾。序號(hào)和裝飾線作為文本開(kāi)頭茵瘾，推開(kāi)文字礼华。
2.景，大寫(xiě)字母s為logo特別設(shè)計(jì)拗秘，細(xì)線亮點(diǎn)增加細(xì)節(jié)圣絮。圖片下方軟陰影，光效效果雕旨。
3.大模塊無(wú)分割時(shí)扮匠，背景添加灰色圖像文理增加藝術(shù)感。
設(shè)計(jì)點(diǎn):上下分割涇渭分明凡涩，白色有文理裝飾棒搜，黑色有光感漸變。圖片滾動(dòng)豎向滾動(dòng)
設(shè)計(jì):總體感受:在不喧賓奪主的情況下每一層都做的完美活箕。
先分了大塊力麸，UI導(dǎo)航部分，和內(nèi)容部分，內(nèi)容部分用微小區(qū)別的白色劃分克蚂，用漫反射陰影陰影劃分闺鲸，圖簡(jiǎn)單，字上合適的層次感埃叭。字簡(jiǎn)單翠拣，圖片用了高級(jí)的漫反射陰影做了大空間層次。兩個(gè)大設(shè)計(jì)板塊中間有純文字和圖標(biāo)留白游盲，做空白心理误墓。再一個(gè)視覺(jué)注意力的利用。? (一個(gè)板塊大分布原子們中小細(xì)節(jié)(增強(qiáng)極細(xì)的緊張感和心動(dòng)感)益缎，要不然就填充面積易于理解(性格較為溫和))
