<s id="2e0qm"><div id="2e0qm"></div></s>
<div id="2e0qm"><button id="2e0qm"></button></div>
<small id="2e0qm"></small>
<div id="2e0qm"></div>
<div id="2e0qm"><s id="2e0qm"></s></div>
<div id="2e0qm"><button id="2e0qm"></button></div>
主頁 > 知識庫 > 平面設計 > Photoshop >

Web開發趨勢熱議:Web設計從細節做起

來源: 作者: 發表于:2012-10-16 09:25  點擊:
Web開發是一個指代網頁或網站編寫過程的廣義術語。網頁使用 HTML、CSS 和 JavaScript編寫。這些頁面可能是類似于文檔的簡單文本和圖形。頁面也可以是交互式的,或顯示變化的信息。編寫交互式服務器頁面略微復雜一些,但卻可以實現更豐富的網站。如今的大多數

   Web開發是一個指代網頁或網站編寫過程的廣義術語。網頁使用 HTML、CSS 和 JavaScript編寫。這些頁面可能是類似于文檔的簡單文本和圖形。頁面也可以是交互式的,或顯示變化的信息。編寫交互式服務器頁面略微復雜一些,但卻可以實現更豐富的網站。如今的大多數頁面都是交互式的,并提供了購物車、動態可視化甚至復雜的社交網絡等現代在線服務。

  通俗的說,Web開發就是我們說的做網站.它分為網頁部分,和邏輯部分也就是我們說的前臺與后臺.前臺負責與用戶的交互,顯示數據.用到HTML顯示數據,CSS控制樣式,JS編寫復雜交互。后臺編寫處理這些邏輯的程序.可以用C#、Java、VB和PHP等語言.正所謂集思廣益,我為大家整理了一下關于Web開發的趨勢熱議,以及如何做好Web設計。

  現在身居美國專注于HTML5領域的開發者@尤小右在其微博中談到了最近Web開發的幾個思想趨勢,包括全部JavaScript化、自動實時同步等。兩天內用HTML5實現Clear大部分功能的@尤小右,在自己的微博上提到“Web開發的幾個思想趨勢:1. 全部JavaScript;2. 前后端打通,或者后端完全抽象化;3. 自動實時同步。近來值得關注的例子有Meteor.js、Derby.js、Firebase(backend-as-a-service),以及Yahoo前段時間開源的Mojito。另外還可以參考Asana的Lunascript。”

  也有一些朋友提出了反對意見,@limodou:

  如果是JavaScript的天下我倒是不這么想。因為Web開發可不只是前端,像后端也未必就要JS一統天下。Web開發的概念還是很廣的。以Node.js為代表的新興開發模式的確很Cool,不過別的語言或框架未必就不行,特別是對一些傳統的業務模式。如果把它們的一些好的想法在其它框架實現也不錯。

  @黃智KG則提到JavaScript繁榮背后,可能帶來的混亂現象:

  如何規范化JavaScript開發很重要啊,JavaScript這兩年出現很多框架和庫,大有前幾年服務端MVC框架井噴之勢。但繁榮的同時,這么多輪子,就顯得有點混亂了,這么多框架,誰能成為類似JQuery在DOM操作領域一樣的江湖地位呢?

  Web設計的最基本原則是,通過有效的方法更好的組織和規劃用戶所能瀏覽到的信息。這樣做的目的是獲得用戶的好感,并且使用戶得到方便。例如,我們通常說的好的導航, 應該是具有明確含義的連接名稱,基于邏輯的按鈕組合,優秀的充滿質感的表現;好的頁面應該有語意清晰的標題,一致的導航元素,降低視覺疲勞的顏色組合,清晰明朗的文字編排。一個站點的外觀是最先被注意到的,而這個特征幾乎在任何設計類工作中體現出來。對于想從事Web設計的人員而言,最成功的設計會給人以整潔感,無論是排版、字體、對比和顏色等這樣的小細節都會對網站的整體效果起到立竿見影的作用。

  一、排列

  整潔的設計的第一關鍵就在于對齊,包括水平和垂直對齊。隨隨便便地排列網頁元素的話是無法創作出整齊、一致的感覺的。這也是你的網站是否專業、優秀的關鍵。良好的排列會讓你的網站看起來更有層次感。



  向網站添加圖像和文字時要注意網頁元素是如何在頁面上排列的。每個項目的頂部是否在一條直線上?或者項目的底部是否在一條直線上?





▲▲

  當然,你也需要注意垂直排列。保證元素的寬度保持一致,要特別注意元素之間的空白處,元素之間的空間應該保持相同。注意不同寬度的漂亮的照片是如何在Jux上的網格中排列的,間隔讓不同寬度和形狀的圖片排列地非常完美。

  在你配合網格設計網站能夠更簡單并且快速地達到良好的設計效果。使用何種類型或大小的網格才能工作得最好并沒有硬性規定,但是使用合適網格能夠幫你在腦海中形成一個比較完善的映象。

  所以在你建設網站時最好使用網格來排列網頁元素。你可以使用一個縱橫分布的網格和分欄,使用自己創建的網格,或者下載一個優秀的模板。

  二、對比

  網站中的某些元素可能會因為圖像或顏色或文字比其它的更吸引人的注意力。有效地規劃和使用這樣的對比能讓你控制哪兒更受注意。你可以在設計中使用顏色、文本和不同比重來保證網站的對比。確定網站哪兒更需要注意,在那里建立大的對比。

  創造對比的一個最簡單的方法是通過顏色。當你確定了背景和文本顏色之后使用完全不同的顏色能夠強調網站的部分來突出重點。注意doberman網站的抽象化設計,該網站(不考慮圖片元素)只使用基本黑色和白色的配色方案,但使用了鮮艷的黃色來強調,和黑白的背景形成強烈對比,對眼睛造成極大的沖擊。此外,網站還使用了藍色來強調別的關鍵地方。

  你還可以其它方法來制造對比,比如不同大小或者比重的字體也可以用來制造差異感。

  三、字體

  字體可能是建設網站時最難抉擇的部分之一。為了保持設計的整潔性,注意千萬不要選擇過多的字體種類。即使你的項目再復雜,也會被過多的字體種類給毀掉。

  但是你可以使用各種字體的變種。不同大小、比重和顏色字體,能夠在增加多樣性的同時又保證了一致性。一般來說,不應該使用超過兩種字體來進行排版。簡單的排版可以幫助建立秩序便于閱讀。

  當你計劃如何使用每種字體的尺寸和比重時,想想整個網站元素的相似之處。使用一個字體、類型、大小和顏色來裝飾標題,給副標題使用相同的字體,但是不同的大小、顏色或者比重。再給內容文字使用第三種類型、顏色或者大小的字體。注意使用類來定義元素樣式,保證網站各網頁之間的一致性。

  四、顏色

  和字體一樣,使用一定種類的顏色能夠完善設計,而調色板對于取色是非常有幫助的。注意記錄每個顏色的具體混合,在整個網站中使用同一個顏色的緩沖顏色。同一類元素之間則一定要使用相同的顏色,因為這里哪怕出現一點點的差異都會使網站顯得非常不協調。

  記下你使用的所有的顏色,增加比重和特效來突出不同。比如Netlife Research就在整個網站中始終使用同一種顏色以及它的變種,使得整個網站保持了良好的一致性。當然,你也不是一定要使用如此簡單的設計,但是你在設計時一定要在腦海里謹記這一原則。

  五、一致性

  所有細節中最重要的一點就是一致性,網站中的所有元素必須在視覺和感覺上保持相當高的一致性。logo、header和banner不需要花哨,保證導航欄里的文字一致,同一類文字等元素使用相同或相似的顏色。調色板和網格對于網站設計都是很有用的。

  千里之堤潰于蟻穴!在你的網站快完工時注意檢查所有的小部件是否還有問題。在完成設計后建立一個檢查列表來檢查框架:

  1. 垂直對象對齊;

  2. 水平對象對齊;

  3. 需要強調的元素很突出;

  4. 字體數目;

  5. 字體大小一致;

  6. 字體顏色種類;

  7. 適當的色彩搭配;

  8. 頁眉和頁腳等元素的一致性。

  總之,對于從事軟件開發的您來說,改變不是一件壞事,反而是一件好事。畢竟,正是軟件的日益變化才使得鈔票流入了口袋,弄得你忙得不可開交,不是嗎?當然,作為代價,作為工程師的你,必須能時刻適應這種變化的節奏,兼顧Web開發和設計細節。









    有幫助
    (2)
    66.7%
    沒幫助
    (1)
    33.3%
    真人女荫道口100种图片
    <s id="2e0qm"><div id="2e0qm"></div></s>
    <div id="2e0qm"><button id="2e0qm"></button></div>
    <small id="2e0qm"></small>
    <div id="2e0qm"></div>
    <div id="2e0qm"><s id="2e0qm"></s></div>
    <div id="2e0qm"><button id="2e0qm"></button></div>