設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)(4)
新手做詳情頁(yè)的誤區(qū)
1:圖片沒有轉(zhuǎn)換成智能對(duì)象就隨意縮放變形、修改,造成圖片質(zhì)量下降。
2:文字排版字體運(yùn)用的錯(cuò)誤,排版沒有按照對(duì)齊的方法去做,隨意變換加效果,修改困難。
3:不知道如何下手去做,左右搖擺,文字圖片變化位置變換大小,最后還是重做、重做、加班。
我們可以看到 這個(gè)做的很新手 圖片是很模糊的 第一種誤區(qū) 他圖片沒有轉(zhuǎn)換成智能對(duì)象就在隨意變換大小方向
所以圖片很模糊 然后下面的火焰比較假 不清晰 鍋?zhàn)颖旧砻鞫忍?應(yīng)該體現(xiàn)一下質(zhì)感 上面的文字排版比較一般 沒有什么特點(diǎn) 耐高溫和下面可以使用電磁爐 和煤氣灶也沒有很直接體現(xiàn) 我覺得如果是耐高溫 直接說材質(zhì)就行 標(biāo)題1也感覺比較生硬 總的來說問題是比較多的 當(dāng)然我覺得也正常 我開始做的時(shí)候也是這樣的效果
首先 我們產(chǎn)品需要個(gè)好的圖片 我問了他們是有專門攝影的 然后要了幾張照片
選了一張 比較好的
這樣的圖片是比較好的 但是我們看到其實(shí)是可以修圖一下的 我只是很簡(jiǎn)單的修了一下表面 最主要的還是手柄
需要修圖 我是很懶的 今天也不是講修圖 所以略過!
加個(gè)黑色背景 隨便修了一下 新手可以加強(qiáng)對(duì)比度 調(diào)暗調(diào)亮等等
反正做出質(zhì)感就好了 當(dāng)然我也只是說最好修一下 想做的好一點(diǎn)當(dāng)然精修 不過過程說起來比較麻煩
簡(jiǎn)單說一下 第一個(gè)曲線調(diào)整
這個(gè)是比較好的 然后銳化一下 注意半徑要1以內(nèi) 效果會(huì)好很多
差不多就這兩個(gè) 能做出比較好的效果 針對(duì)新手 想學(xué)修圖的當(dāng)然要在深入研究研究了
圖片稍微好一點(diǎn)了 找一張好的燃?xì)庠顖D片 昵圖是比較好的 所以找了一張
這樣是比較好的我感覺 稍微曲線調(diào)試一下 對(duì)比度什么的 大家會(huì)感覺好很多
這樣我們前面提到的第一個(gè)問題就解決了 現(xiàn)在我們來說說文字如何排版
那就是對(duì)齊 一般我們看書都是左對(duì)齊的習(xí)慣是不是 所以一般我們都是做對(duì)齊 我的經(jīng)驗(yàn)就是 大標(biāo)題簡(jiǎn)短
次要標(biāo)題可以用小一點(diǎn)細(xì)一點(diǎn)的文字 這樣對(duì)比效果好 次標(biāo)題可以寫多一點(diǎn) 相對(duì)來說 盡量簡(jiǎn)單 明白
做左對(duì)齊
尺度大家看著辦 然后我們這樣是好了 但是我們總感覺少了什么
這時(shí)候我們得去模仿了 新手腦袋沒什么東西 就算是高手有時(shí)候也是沒東西 需要模仿 站酷很多高手 我們要關(guān)注一些人的作品搜藏
我是模仿這個(gè)
我覺得吧很好 當(dāng)然大家覺得怎么樣我不知道 審美不一樣 但是方法是差不多的
然后我們按照他的加點(diǎn)英文
這樣的效果 大英文背景在后面 更加體現(xiàn)空間感 下面的因?yàn)樾∽?修飾一下 顯得更加高端
排版加了英文字體 感覺會(huì)高端一點(diǎn) 個(gè)人的經(jīng)驗(yàn)
不過這樣一來 我們右上角就空出來了 這個(gè)就是板式不平衡 大家看著會(huì)別扭 所以我們要加?xùn)|西 可以是文字 可以是小圖標(biāo) 或者產(chǎn)品的延伸 都是可以的 反正讓板式平衡 我是加了煙霧 是產(chǎn)品的延伸
整個(gè)效果就是這樣 大家看到了
對(duì)比一下
大家覺得怎么樣 我們不要自己想 動(dòng)手 覺得自己很創(chuàng)意很了不起 放下自己 我們?nèi)ツ7?這樣才能做的好 模仿也是很有技巧的 掌握一下基本的排版 顏色搭配 我建議新手多看看別人東西 不是自己移形換位
字體是蘭亭字體 也是比較常用的字體 !當(dāng)然最好能點(diǎn)個(gè)贊- -!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 設(shè)計(jì)知識(shí)
- ps網(wǎng)頁(yè)設(shè)計(jì)
- 詳情頁(yè)
- 小亮亮m
- 制作誤區(qū)
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)六邊形圖標(biāo)實(shí)例