亚洲网址在线观看,青青草91久久国产频道,春色视频在线观看,亚洲视频a

 聯(lián)系我們
 服務指南

誠聘英才

旗下產(chǎn)業(yè)

聯(lián)系我們

13941609031
0416-2185010

服務指南

TOP

隱藏導航
顯示導航
華睿科技有限公司
新聞中心
遼寧華睿科技有限公司
改善網(wǎng)站設計的簡單技巧
來源: 網(wǎng)站建設熱點 時間:2021-05-21
  每個人都是從初學者開始他的設計之旅的,而你的審美眼光也必須像其他東西一樣得到訓練。查看Dribbble設計可能會非常有幫助,但是有時你只是欣賞設計,卻不明白為什么。
  不知道該怎么設計。這些原因可能會減慢速度并使你感到沮喪,所以現(xiàn)在錦州網(wǎng)站建設華??萍紝⑾蚰阏故緲O其簡單的設計技巧,這些技巧不需要任何特殊技能,以及如何改善丑陋的設計。
  錦州網(wǎng)站建設提醒您,這些不是規(guī)則,而是在大多數(shù)情況下有效的技巧。
  一、非黑即白
  沒有想法嗎?沒有好的圖片嗎?只看黑色和白色。你可以獲取一個具有正確構圖的野獸派設計。這可以幫助你了解平衡,空白以及如何使用文本和幾何形狀。
  讓我們看一個簡單的例子。



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



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



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



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



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



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






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

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

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




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

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

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



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

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

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



  十、使用幾何體

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

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



·   ·   ·   

原文鏈接:
https://uxplanet.org/10-beginner-tricks-to-improve-your-website-design-f26bb465f745

作者:Lorenzo Doremi

  非常感謝您有耐心的讀完錦州網(wǎng)站建設為您扥想的這篇文章:更多內(nèi)容請繼續(xù)瀏覽,我們將為您提供更多參考使用或學習交流的信息。錦州網(wǎng)站建設華??萍歼€可為您提供:網(wǎng)站建設與開發(fā)、網(wǎng)站優(yōu)化、品牌推廣、APP開發(fā)、小程序開發(fā)、新聞推廣等服務,我們以“降低營銷成本,提高營銷效果”的服務理念,自創(chuàng)立至今,已成功服務過不同行業(yè)的1100多家企業(yè),獲得國家高新技術企業(yè)認證,且擁有29項國家軟件著作權,將力爭成為國內(nèi)企業(yè)心目中值得信賴的互聯(lián)網(wǎng)產(chǎn)品及服務提供商。如您需要合作,請聯(lián)系華??萍稼w經(jīng)理:13394162255 、13941609031。微信號同。公司地址:錦州市經(jīng)濟技術開發(fā)區(qū)金山大街51號、遼寧省錦州市中央大街二段52號
  本文內(nèi)容來源于網(wǎng)絡,如有侵權請立即聯(lián)系刪除,我們將誠摯為您服務。

分享:
版權所有 ? 遼寧華??萍加邢薰?/div>
公司地址
錦州市經(jīng)濟技術開發(fā)區(qū)金山大街51號
遼寧省錦州市中央大街二段52號