改善網(wǎng)站設(shè)計的簡單技巧

位置:首頁 / 新聞中心 / 市場營銷

市場營銷 Admin 2024-02-27 11:38:32 1519
每個人都是從初學(xué)者開始他的設(shè)計之旅的,而你的審美眼光也必須像其他東西一樣得到訓(xùn)練。查看Dribbble設(shè)計可能會非常有幫助,但是有時你只是欣賞設(shè)計,卻不明白為什么。
  不知道該怎么設(shè)計。這些原因可能會減慢速度并使你感到沮喪,所以現(xiàn)在錦州網(wǎng)站建設(shè)華睿科技將向你展示極其簡單的設(shè)計技巧,這些技巧不需要任何特殊技能,以及如何改善丑陋的設(shè)計。
  錦州網(wǎng)站建設(shè)提醒您,這些不是規(guī)則,而是在大多數(shù)情況下有效的技巧。
  一、非黑即白
  沒有想法嗎?沒有好的圖片嗎?只看黑色和白色。你可以獲取一個具有正確構(gòu)圖的野獸派設(shè)計。這可以幫助你了解平衡,空白以及如何使用文本和幾何形狀。
  讓我們看一個簡單的例子。



  簡單而有效
  二、創(chuàng)建一個“平衡方案”
  我喜歡用可能是我發(fā)明的“事物”來測試我的設(shè)計。我稱其為“平衡方案”,它是概念的黑白版本,其中我使用簡單的幾何圖形代替內(nèi)容。
  目標是在左右,上,下都帶來相同數(shù)量的黑色。如果將原理應(yīng)用于那邊的簡單投資組合,則會得到以下結(jié)果:



  用黑色矩形替換項目。灰色的柔軟物體。
  顯然我們需要用肉眼觀察,但我們來看看一些計算。
  左側(cè)區(qū)域黑色矩形的總和約為
  (236 * 138)+(934 * 132)+(313 * 69)+(674 * 44)= 207109像素
  當右大矩形算起來為
  446 x 446 = 198916像素。
  它們只是相差一個小差異:3.9558%!
  注意:是的,墨水點比矩形小,但是非常清晰銳利的細節(jié)吸引了更多的注意力。
  我在設(shè)計之前沒有計算過。經(jīng)過多年的練習(xí),這就會變成一種自然而然的感覺,因為你的眼睛會感覺不平衡。
  三、用背景展示設(shè)計
  我之前的例子是在灰色背景下呈現(xiàn)的,但是你可以嘗試不同的東西。這有助于為你的設(shè)計創(chuàng)建一些深度和情境。
  但要注意:你不會有那么多額外的空間,所以這只是一個演示技巧!



  咖啡豆都賦予了深度和情境
  四、使用設(shè)計指南
  不要浪費時間整天嘗試尺寸。最后,你的段落將在14–18磅左右,副標題要多一些(24–36),并且你的標題還要更多(我個人用96至144pt)。Figma的默認大小非常適合排版。
  它們看起來太小了,但這是正常的:你無法全屏工作。
  注意:某些字體比其他字體小或大。你應(yīng)該以Roboto等標準字體為基礎(chǔ):如果字體較大,如14–18pt Roboto,則非常適合段落。



  段落:18,導(dǎo)航欄:24,標題96
  五、擁抱Z-Index
  如果你有一些有透明背景的圖像,則可以利用它們來創(chuàng)建一些分層。如果沒有,則可以使用remove.bg(摳圖網(wǎng)站)
  作為CSS中的Z-index,你可以將圖像置于其他項目的前面或后面,從而產(chǎn)生三維感。這是非常有效的。
  讓我們看看我使用這種技術(shù)的一個簡單設(shè)計。



  巨嘴鳥似乎屬于綠色區(qū)域,但在黃色區(qū)域中溢出。
  六、開始使用柔和的顏色
  鮮艷的顏色固然美妙,但往往會帶來大膽的設(shè)計和糟糕的組合。此外,如今柔和的設(shè)計非常流行,因此讓我們開始嘗試顏色選擇的新領(lǐng)域。



  紅色矩形包含許多有趣的顏色






  兩者都可以在正確的環(huán)境下工作,這只是個人喜好。

  但是,如果你想做一些不同的效果,試試柔和的顏色。
  七、讓設(shè)計有更多呼吸感
  在我看來,空白太多比空白太少要好。雜亂無章的設(shè)計簡直糟透了??梢酝ㄟ^多種方式獲得呼吸感:
  保持大量背景可見。
  避免文字墻效應(yīng)的間距。
  使用不會吸引太多注意力的圖像。

  減少文本的內(nèi)容,并保留醒目的短語。




  大量的空白(在這種情況下為黑色)很有幫助。

  八、發(fā)現(xiàn)噪點的力量
  通常,當我們想到設(shè)計時,就會想到干凈,平滑,清晰的概念。但是,完美在于缺陷之中。
  噪點在你的設(shè)計中是一個很好的朋友,特別是當你試圖給你的網(wǎng)站一個優(yōu)雅或藝術(shù)的外觀。
  此外,施加細微的噪點會使你的構(gòu)圖具有電影效果,這非常適合視頻和動態(tài)網(wǎng)站。

  你可以使用Photoshop在白色背景上創(chuàng)建2-4K高斯噪聲,然后將其應(yīng)用到畫板的頂部,得到一些噪聲紋理。



  細微的噪音給人以紙張般背景的印象。

  九、開始尋找好的字體
  有很多可怕的字體,尤其是我們電腦上預(yù)裝的那些。要找到好的字體,請開始瀏覽網(wǎng)絡(luò)或觀看youtube視頻,以了解出色的字體和字體。
  但請注意:許多字體不是免費的,并且在沒有許可的情況下使用它們可能會給你帶來麻煩。不用擔心:大多數(shù)字體都有免費版本!
  他們有許多不同的家庭和風(fēng)格,但總的來說,我將其分為三個主要類別:
  優(yōu)雅的字體
  現(xiàn)代字體
  正文字體
  通常,前兩個也是顯示字體 :其創(chuàng)建者希望你將它們用作標題。
  你可以尋找優(yōu)雅的字體,例如Abril Fatface,Playfair Display,Volux,Chalga等。

  現(xiàn)代字體包括Metropolis,ITC Avant Garde,Redwing,Takota,Gotham…。



  十、使用幾何體

  這可能是最難使用的技巧,但如果正確應(yīng)用,它就會非常出彩。
  使用幾何圖形有助于增強布局中的概念和順序,甚至不需要圖像。找到正確的幾何形狀很困難,但我仍然無法很好地掌握它。

  一個重要技巧是就是把字母、數(shù)字和標題當成幾何形狀來使用:讓它們龐大但微妙,或者用一些特定的字母作為形狀(A就很好用)。


以上就是“改善網(wǎng)站設(shè)計的簡單技巧”的詳細內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!

以上就是“改善網(wǎng)站設(shè)計的簡單技巧”的詳細內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!

15934152105 掃描微信