安鄉網頁設計 http://www.478329.live/anxiangwangyesheji/ zh-cn Rss Generator By 銘億閣 1.3(20130122) 網頁設計中,如何突破柵格的限制又保持協調 http://www.478329.live/anxiangwangyesheji/525.html 但是,柵格存在的目的是幫你創造好的設計,當你開始逐漸適應柵格的存在,千萬不要被它束縛住。你并沒有必要100%地受限于柵格,偶爾打破柵格的設計可能會讓你的設計更加抓人眼球。不過,想要打破柵格又保持網頁的協調,是有技巧的,并非任何“破格”的設計都是好的。今天,我們來聊聊這個。
了解柵格系統

想要打破柵格,那么你首先得深入理解柵格系統。無論你使用的是哪種樣式的柵格,它都是你的網頁設計過程中的“基礎設施”,它幫你確定元素要怎么放置,幫你確保不同的控件在頁面上堆疊而不會顯得突兀不協調,有助于保持頁面的組織性。
其實不同領域的設計師一直都在使用柵格?纯磮蠹埡蛨D書吧,在網頁設計師開始使用柵格之前,他們已經將這套系統玩的爐火純青了。
柵格能做的事情有很多:
網頁設計顏色搭配的重要性 http://www.478329.live/anxiangwangyesheji/504.html 淺談網頁設計中的色彩理論 http://www.478329.live/anxiangwangyesheji/484.html
設計師在決定了一個網站風格的同時,也決定了網站的情感,而情感的表達很大程度上取決于顏色的選擇。顏色是很有力的工具,所有設計師在設計網頁時就應該明白這一點。

一、顏色術語

你們當中很多人可能已經在學校學過一些色彩基礎知識,讓我們快速回顧一些術語,來更好的把握色彩和運用色彩。

色輪的主要組成

所有的色彩能在一個色輪中呈現。在這個色輪中,我們能把顏色分成3大塊:原色,輔助色和第三顏色。

三原色分別是紅色,藍色和黃色。這些色彩是基礎色,他們組成了色輪上的所有其他顏色。

把原色混合在一起,你就能得到輔助色,它們是橙色、綠色和紫色。


二、顏色的關系

描述顏色有大量的術語,了解這些術語將有助于我們討論的色彩和色彩的情感含義。

互補色是互補互調的色彩,...]]>
網頁設計中如何巧妙使用留白 http://www.478329.live/anxiangwangyesheji/464.html
我們生活在一個持續分散人注意力的時代。從印刷品到數字媒體,戶外廣告,在線廣告,所有的這些信息都包圍在我們身邊。網站,電子商務,移動app,他們都是內容。

我們要創建用戶喜歡訪問的網站。所有的布局都需要易于理解,具備可讀和可掃描的內容。

擁擠的網站是很難閱讀的。復雜通常讓用戶感到不舒適。如果我們用很多不同信息去壓迫他們,所有的信息都爭著去吸引用戶注意力,用戶將會離開或者不做我們想要他們做的事?赡軙徺I電子商務網站上的一些東西或者閱讀博客上的文章。

可是,有一個概念能幫助圖形設計師去創造好的體驗,讓能容更吸引人,更容易被關注。那就是留白——一種給你布局空白空間的方法,能避免不必要的雜亂,在元素間使用留白來突出它們的優勢。

留白是什么

對留白最好的描述應該是...]]>
這30款網站和工具,應該能讓你的網頁設計效率提升一大截 http://www.478329.live/anxiangwangyesheji/444.html 這些設計工具大多針對某個特定的設計環節,基于具體的需求而存在,它們提升了整體的效率,從排版設計、代碼片段到配色方案不一而足,合理的搭配這些工具能讓你的整體效率提升一大截。

1. Web Gradients

漸變作為設計趨勢再一次回歸網頁設計界,WebGradients 這個網站給你大把的選項,供你探索漸變在網頁中的運用。你可以在這里調校好了,直接復制CSS3代碼,并且在你的網站中使用。

2. Flawless Typography Checklist

Typewolf 為排版課程所準備的這個清單,被單獨做成一個交互工具,幫你避免排版中常見的錯誤。這個列表所涵蓋的內容非常全面,每一條給予了簡單的說明,幫你理解。

3. LOL Colors

想要獲得更多配色方案上的靈感?LOL 將許...]]>
網頁設計中字體組合的10個黃金規則 http://www.478329.live/anxiangwangyesheji/423.html
01. 選擇與設計相符的字體

許多字體有著簡便,開朗,正式,雅致等不同于其他氛圍(英: Mood)或個性(英: personality)。制定設計字體的氛圍,就需要優先確認。



例如圓圓滾滾的字體,用在孩子生日宴會的邀請函上就非常合適,而公司的簡報上就很不合適。

因為人是有多種多樣各不相同的(例如內向(英: Introverted)或者外向(英: Extroverted)等),因此才會有魅力。有著強烈的個性的字體,可以將他與簡單的字體相組合以保持平衡。

在下面的這個項目中,有特色的手繪風格字體,與無襯線字...]]>
大學學平面設計、畢業做網頁設計、現在做App,如何突破瓶頸? http://www.478329.live/anxiangwangyesheji/403.html
初看這個問題,本來是不打算寫的,因為設計師如何走出瓶頸怎樣提高眼光和技術,也算是老生常談了,無論怎樣都逃不過看、想,做這三點。

然而,認真看了這個問題之后,發現根源并不是瓶頸期,而是方向的問題。大學學的是平面設計,畢業后做的網頁設計,現做App,可是很多時候做的還是平面。那么,親愛的,除去現在必須做的平面,你對自己的職業近幾年有沒有什么規劃呢,比如定個大的方向,就做平面。

有限的精力,很難完成面面俱到

以前,我總是認為技多不壓身,多會點軟件多掌握點技能總是好的。于是就開始自學C4D、AE、手繪……還報班學習了插畫、動效,學到最后發現什么都會一點,但卻什么都不精通。

現在我知道,在我有限的精力之中,無法完成面面俱到。于是認真做了職...]]>
2017年值得關注的7個網頁設計趨勢 http://www.478329.live/anxiangwangyesheji/383.html
當然,今天我們要聊的是在網頁設計領域在2017年可能會出現的設計趨勢,也許并不完全精準,但是相信你會在接下來的一年中,越來越多地看到這些設計手法。

1、越來越多的襯線體


除開我們所熟知的Helvetica,占據我們屏幕首頁的各種非襯線體字體還有很多。在過去幾年中,高清大圖的流行和跨平臺設計大行其道,這兩種客觀需求之下讓設計師慣于將加粗、易讀的非襯線體和大圖結合起來使用。

但是隨著高清屏幕的流行與普及,非襯線字體一家獨大的局面將會發生改變。

細節豐富,充滿裝飾性的非襯線體字體在現如今的屏幕上,已經不存在識別度的問題了,可讀性強了很多。在如今高像素密度的屏幕上,擁有不同美學特征的非襯線體字體...]]>
還不知道平面設計、網頁設計、UI設計的區別的看這里? http://www.478329.live/anxiangwangyesheji/362.html
那今天就從載體,用途,所需技能三個方面簡單的介紹一下平面設計,網頁設計,UI設計的區別,也希望通過這個分享讓大家對于設計有個基礎的了解。

平面
平面設計是這三種設計里最“古老”的專業了,可以說平面設計是一切設計的鼻祖,學任何設計都繞不開它。因為所有的設計理論比如配色,排版,字體等都是平面的基礎也是設計的基礎。同時平面設計也是比較復雜的,因為除了要了解基本的設計技巧以外也要了解材質,工藝等,不同的工藝和材質出來的效果也是千差萬別,甚至在預算上都會差出好幾個層級。
網頁設計技能的7個技能,讓你的網頁設計更有吸金力 http://www.478329.live/anxiangwangyesheji/349.html
那些真正經典的設計始終能夠經受時間的考驗,它們長盛不衰,大多還是因為它們符合最基本的設計規則和人的基本審美規律。就像Nike和可口可樂的LOGO設計,它們在過去的幾十上百年里有著持久的生命力,就是這份規則的力量造就的。

而值得慶幸的是,這種永恒設計的規則適用于幾乎任何項目。也許你無法再現Nike的LOGO設計的成功,但是你可以通過合理的設計,創造一個符合當下審美,擁有數年生命力的優質設計。接下來的七個技巧,值得你思考。

1、專注于可讀的內容

具備良好可讀性的字體、圖片是基礎,清晰的內容設計和直觀的信息傳遞,是打造可讀內容的關鍵。聽起來這是一個艱巨的任務。

字體排版應當確保在不同尺寸下都能清晰地為用戶所識別。新奇的字體或者過于炫酷的字體效果也許能夠在特定的時候吸引用戶,但...]]>
2017年當下熱門最流行的網頁設計趨勢 http://www.478329.live/anxiangwangyesheji/328.html
“〇〇君,這不就是和原型圖一樣嗎!”

杭州麻将胡牌公式