
常用于網(wǎng)站建設(shè)的四種設(shè)計(jì)細(xì)節(jié)
SEO常識(shí)
標(biāo)簽:
常用于網(wǎng)站建設(shè)的四種設(shè)計(jì)細(xì)節(jié)
企業(yè)管理社區(qū)上一段時(shí)間被稱為“細(xì)節(jié)決策成功或失敗”。當(dāng)然,企業(yè)管理不是我們?cè)谶@里討論的話題,但在網(wǎng)站的建設(shè)中放置這句話確實(shí)是真理。我們的眼睛和感情總是非常熱衷于那些不了解網(wǎng)絡(luò)設(shè)計(jì)技術(shù)的人也可以從一堆設(shè)計(jì)的作品中挑選出優(yōu)秀的設(shè)計(jì)工作。雖然他不能說為什么這件事比這些東西更好,但直覺會(huì)告訴他他喜歡哪一個(gè)。如果其他人問我們?yōu)槭裁催@項(xiàng)工作比其他工作更好 我們的答案是“這很大的原因是因?yàn)閮?yōu)秀的設(shè)計(jì)作品總是充滿了豐富的細(xì)節(jié)。”在本文中,我們從技術(shù)的角度開始,作為優(yōu)質(zhì)貼花的Redux Wordpress主題設(shè)計(jì)的示例,總結(jié)了網(wǎng)站建設(shè)中常用的四種設(shè)計(jì)細(xì)節(jié)。
首先,1像素襯里
在頁面頂部,您可以看到比背景顏色略微水平線的像素,以將純色的背景和背景與材料分開,如下所示:
在網(wǎng)站建設(shè)中常用的四種設(shè)計(jì)細(xì)節(jié)的演示圖片
如果沒有這種轉(zhuǎn)變,我們會(huì)來看。
在網(wǎng)站建設(shè)中常用的四種設(shè)計(jì)細(xì)節(jié)的演示圖片
實(shí)際上,在Web設(shè)計(jì)中,使用該行的示例非常常見。例如,在下面的這個(gè)例子中,您將在“Dorchester Hotel”的黑色邊框頂部上找到一個(gè)像素的灰色線。
在網(wǎng)站建設(shè)中常用的四種設(shè)計(jì)細(xì)節(jié)的演示圖片
在以下設(shè)計(jì)的按鈕中,綠色和黃色邊框的頂部也可以看到一個(gè)顏色淺線,這襯里是更好的,因?yàn)樗m用面具,從頂部會(huì)找到這條線來擺脫這條線。此外,“添加到購物車”之間的分離線和“$ 9.99”兩個(gè)字符實(shí)際上是兩條線,左上的顏色深,右側(cè)是輕微的,使得可以產(chǎn)生線的凹陷效果。
在網(wǎng)站建設(shè)中常用的四種設(shè)計(jì)細(xì)節(jié)的演示圖片
使用該線的原因是反映2D效果中對(duì)象的三維效果,并且立體實(shí)施例必須具有陰影和高光。我們通常使用圖層樣式來實(shí)現(xiàn)的陰影,而其中一個(gè)亮點(diǎn)是實(shí)現(xiàn)的,最常見的技能之一是使用襯里。上述三個(gè)示例的三個(gè)示例位于物體的頂部,并且光從頂部照射,并且高光位于物體的頂部。如果光從較低方向照射,則高光應(yīng)位于底部,然后將襯墊放在物體下方。所以在使用這條線時(shí),我們總是問問自己這些問題。 “我在這里使用了這條線。源頭在哪里 ” “如果光源在這里,那么位置是什么 ”這兩個(gè)答案,可以設(shè)計(jì)的物體的三維效果可以更加真實(shí)。
二,微妙的材料
Redux主題對(duì)于解釋背景材料來說是一個(gè)很好的案例。因?yàn)樵谡麄€(gè)頁面中,從頂部到底部使用三種不同的材料作為背景。將上述深藍(lán)色部分施加到凹坑的材料上,中間黑部分施加到紡織布的材料上,而底部是雜色的材料。當(dāng)然,這三種材料非常薄,但效果非常出色。事實(shí)上,太引人注目的和復(fù)雜的背景材料不僅無法設(shè)計(jì),而且由于讀者的注意,整個(gè)設(shè)計(jì)質(zhì)量降低。所以最好的策略是保持你的背景材料細(xì)膩和柔軟。
第三,軟梯度
是在下面圖片上的文本框上的桉樹的感覺,對(duì)梯度對(duì)我們的影響。想象一下,如果它被放置在單個(gè)單個(gè)上的白色文本框上,它必須增加了漸變,讓我們感到更有趣。
此外,頁面的左邊和右邊緣部分還應(yīng)從純色背景到材料背景的梯度,這將使深藍(lán)色不規(guī)則背景材料更加自然。應(yīng)該指出的是在使用梯度使用中,除了一些特殊情況外,不要使用太強(qiáng)的漸變,無論是彩色的還是亮度或飽和度太強(qiáng)。因?yàn)檫@種強(qiáng)烈過度是不是真的,所以它給人一種非常不舒服的感覺。
四,微妙的陰影
注意觀察redux黑暗背景上的燈文本,您會(huì)發(fā)現(xiàn)它們已添加到投影效果中。現(xiàn)在我們可以使用CSS3中的Text-Shadow屬性來完成文本的投影設(shè)計(jì),而不是在Photoshop中完成此工作。此外,使用CSS3將影子自由添加到文本。在瀏覽器支持的情況下,您可以添加要為任何文本添加的影子效果。當(dāng)然,IE8以下版本的瀏覽器不支持此屬性,這是我們需要在設(shè)計(jì)中關(guān)注的地方。另外,與上述其他設(shè)計(jì)細(xì)節(jié)相同,陰影的效果應(yīng)該柔軟,不太強(qiáng),否則很容易讓整個(gè)設(shè)計(jì)看起來一種骯臟的感覺,這不夠精致。-----昆明網(wǎng)站建設(shè)
相關(guān)文章
- 目標(biāo)和設(shè)計(jì)考慮因素
- 昆明怎樣加入攤位交流群?這里或許能幫到你
- 昆明官方微信公眾號(hào)【昆明五華教育】
- 便利店線上商城小程序怎么制作?
- 碧汐山泉
- 幼兒園提醒家長入園溫馨提示范文
- 最新招聘!綜合薪資5000,涉及銀行、醫(yī)院 ...
- 蛋黃肉松青團(tuán)、芒果青團(tuán)、雙釀流心青團(tuán)、流心鮮花牛奶青團(tuán)、流心龍井茶青團(tuán)等近年來的爆款www.sxhlky.cn
- 化妝品商業(yè)模式 級(jí)差分紅裂變模式 小程序商城現(xiàn)成系統(tǒng)
- 智慧廢品回收
隨機(jī)文章
-
帶你提前降溫!吉安這些天然避暑秘境可以治愈炎夏!必看!惠民卡使用須知熱!熱!熱!熱!熱!熱在40℃的超長待機(jī)下的吉安真的是一刻也呆不下去了每天都有不少朋友向小智求助避暑···2022-08-23
-
沖刺50天!集團(tuán)召開確保年度目標(biāo)任務(wù)完成推進(jìn)會(huì)11月9日上午,集團(tuán)召開確保年度目標(biāo)任務(wù)完成推進(jìn)會(huì)。會(huì)議強(qiáng)調(diào)要深入貫徹落實(shí)8月份省委副書記、省長王予波調(diào)研集團(tuán)講話精神,···2021-11-11
-
會(huì)員系統(tǒng)10.26更新預(yù)告1、全新的后臺(tái)權(quán)限管理功能 多達(dá)上百個(gè)權(quán)限節(jié)點(diǎn)可自由組合控制,有效的對(duì)工作人員進(jìn)行分權(quán)管理 2.連鎖店的福音,增加會(huì)員卡···2018-10-26
-
你“吃草”了嗎?傳統(tǒng)輕食已死,新輕食來了?被年輕人特別是女性消費(fèi)者視為高級(jí)、健康的“吃草”生意,已經(jīng)不再“吃香”。如果控卡是輕食的靈魂,那輕食就應(yīng)該可以是任何風(fēng)味···2022-08-02
運(yùn)營技巧
-
鴻翥商城|消費(fèi)抽獎(jiǎng):引流變現(xiàn)的最佳玩法2022-12-31
-
商城系統(tǒng)更新 版本號(hào):8.5.292022-12-21
-
通知:2022年12月6日10:00至2022年12月6日10:30進(jìn)行智慧社區(qū)系統(tǒng)升級(jí)服務(wù)2022-12-05
-
鴻翥網(wǎng)絡(luò)知識(shí)付費(fèi)系統(tǒng)【PC端】插件已上線2022-09-14
-
智慧物業(yè)管理系統(tǒng)V2.7.1更新公告2022-08-15
-
省錢小程序版本號(hào):1.9.79 - 賺錢單開版【更新】2022-06-27