首頁?>?知識?資訊?>?網站建設需要設計的刺激來實現(xiàn)!?>?正文

網站建設需要設計的刺激來實現(xiàn)!

2012/9/11 0:00:00 · 稿源:傳誠信

與大多數(shù)網站設計師一樣,我們探索和選擇的最成功,最難忘和刺激的網站設計是一個重要方面支持我們從事的每一個項目。對我們來說,開始了新的挑戰(zhàn)從來沒有像簡單的問自己,什么可能是最好的途徑,然后在電腦前坐了下來,試圖滿足這種想法。

我們幾乎總是用一張紙和一支鉛筆開始,并繪制出各種各樣的設計方案,以幫助匯集和發(fā)展的廣度在我們的腦海中正在成熟的想法。在這篇文章中,我們將探討如何使用繪圖和標記的創(chuàng)作過程中的一個組成部分。

第一例手部呈現(xiàn)的類型
標記的一個例子,有助于制定的設計思路,工作類型和圖像。請注意標記的變化,表明不同程度的類型。

我們發(fā)現(xiàn),探索設計選項文件,使用繪圖和標記是一個偉大的方式,以確保我們正朝著正確的方向前進的一個項目,再加上,我們不認為這個工作流程可以被擊敗的刺激意想不到的解決方案,否則不太可能看到日光。我們將專注于不同類型的繪圖和標記作為解決問題的工具和技能,形成可視化和探索設計方案,包括數(shù)量,類型,有或無圖像的一個重要組成部分。

(非凡的邊注:你已經買了全新的非凡的書#3本書介紹了新的實用技術和進步的網頁設計了一個全新的思維方式。今天你的書?。?

為什么質地和音色的類型,應在繪制

字體,線的類型和詞語的走到一起用不同的色調值,以及不同的特性的圖案化;取決于產生的樂音的黑暗,連同紋理的規(guī)模和性質,觀看者被吸引到更大或更小的程度。一些很好的例子,這可以通過看報紙和雜志設計亞切克Utko。在下面的示例頁面,我們吃驚動態(tài)創(chuàng)建的文本不同的字體,點的大小,重量和措施,以及圖像的數(shù)量。色調值的變化,尤其是誘惑和引導讀者通過網頁在一個特定的序列。

亞采Utko
工作與藝術方向從Liudas Parulskis和Vilmas Narecionis的,亞切克Utko設計周末部分立陶宛Verslo Zinios的一些迷人的頁面。的布局,戲劇性的紋理和色調的多樣性和對比度規(guī)模。

紋理和色調的素質在布局中使用盡可能多的幫助引導觀眾在一個特定的順序為美學。這些特質應有效地捕捉,通過繪畫和標記的可視化的概念是有足夠的現(xiàn)實,使適當?shù)脑O計做出判斷。這可以很容易地實現(xiàn)一個相對快速的設計速記練習和熟悉許多設計師使用。較大型的字母,捕捉所需的字體,文本可以內襯,或“灰度條,”使用標記技術,鋼筆,鉛筆和/或不同的壓力,表明紋理混合的風格精髓,重量和比例和色調的差異。

在這篇文章中的例子特色才去展示和捕捉無限的節(jié)奏和品種的排版選擇和組合的方式,但他們仍然表明,即使在早期繪畫的視覺效果,捕捉微妙和變化的步伐是至關重要的。繪圖和標記樣式,可以發(fā)展成為顯示和捕獲的紋理和色調的差異,目前的工作時,例如,使用全部大寫的sans-serif字體,而不是非常不同的視覺“拍”,從大寫和小寫字符。

尋找合適的標記工具和紙張

在強調這種類型的設計圖紙的細化,我們也應該簡要評論的工具,可以用來表達這些細微的印刷字體的細微差別。我們的工作與一個光滑的輕質紙,在英國被稱為布局紙,半透明這種廉價的材料是偉大的跟蹤從一個工作表,迅速細化圖紙。許多的設計師,我們講混合使用的標記工具,他們希望創(chuàng)造的特點;一些工作,記號筆,其他人更纖維尖的細筆,用軟鉛筆和一些拉伸。一個方面,這些選擇似乎有共同的是,他們讓設計師,改變質量過硬,通過改變壓力:用力按壓,以創(chuàng)建一個更厚,顏色較深的標志,并輕輕地按一個重量更輕,更細的音。

開發(fā)自己的設計速記

回到這種風格為“相對迅速,”在現(xiàn)實中的可視化的描述,這個過程可能是費時的,雖然結果不一定非常詳細,這是經過深思熟慮的,我們一定能找到工作是最時間效率和創(chuàng)造性的方式來工作,特別是當面對完全新的設計挑戰(zhàn)。

繪圖和標記的視覺效果,我們在這里討論的功能,多個層面。他們捕捉的替代品的質地和色調細節(jié)的布局,他們是一個偉大的方式來探索不同成分的替代品,他們可以是非常有用的,當使用模板或模式,以幫助簡化程序,從標最終設計。

印刷的質感和色調不同方面的設計,更多或更少突出的。選擇的臉,顏色,字體大小,色彩,重量,字符間距,行間距和整體空間分布影響類型的密度,因此,光亮度或暗的工作。所有這些方面都可以很好地抓住了圖紙和標記,影響的不只是色調值,同時也是微妙的質地品質的類型。很多時候,視覺效果,僅捕獲的類型,規(guī)模和位置,而不顯示更詳細的特性。

Aleksandrs Golubovs
Aleksandrs Golubovs的布局組成并沒有顯示的層次或改變字體,點大小,重量或領導。與更多樣化的標記的最小額外的工作會很容易地捕捉到所有這些缺少的元素。

下面的例子表明,我們不建議耗費巨大的時間標記,而僅僅足夠的各種傳達出逼真和最令人滿意的印象。

馬克1

標記制作2
上述的視覺效果是不同的標記樣式表現(xiàn)出的重量變化,規(guī)模,領導和案例的例子。標記,鋼筆和鉛筆的混合物已在這里使用,但也可以使用任何工具,理想的情況下,雖然,創(chuàng)建不同質量的標記的工具,響應于多樣化的壓力是最好的。

為什么可視化設計類型如此有用?

我們認為,使用繪圖和標記產生的視覺效果,是一個很好的方式,開拓思路,擴展設計,以探索創(chuàng)新的可能性。繪圖,往往推動我們的設計,我們可能沒有,否則認為意想不到的和令人興奮的途徑。一個驚人的鏈接是偽造的大腦和手之間,有效地使翻譯和可視化,即使是最細微的設計思路,包括紋理和色調的變化。圖紙的行為是一個表達式,這個環(huán)節(jié)。有很多知名的報價的頭,心和手之間的連接。約翰·拉斯金(John Ruskin)說,英國的藝術家和作家,在19世紀末,“一個年輕藝術家的教育應該始終是一個問題的頭部和心臟的手?!彼囆g與設計,拉斯金說,必須出示“最微妙的所有機器,這是人類的手?!?/p>

1950年,理查德·Guyatt,英國的設計師和學術頭,心和手的共同作用下,介紹了三種相互關聯(lián)的要素的設計。頭提供了一種邏輯的心臟,情緒的刺激;和技能的設計理念,讓形式執(zhí)行的手。

作為我們工作的學生和我們自己的設計實踐中,我們經常使用的繪制可視化的兩個層次。這兩種形式我們稱之為微觀和宏觀。微可視化在更復雜的設計挑戰(zhàn),探討了替代方案的細節(jié)“親密的”,例如,標題,副標題和一段文字是如何走到一起或圖像和字幕團結。

的關系和組合最有效的組合決定時,就可以進行開發(fā)和應用在其他微觀層面的設計挑戰(zhàn)。采取了一些有效解決這些微的視覺效果,我們會進步到我們的第二個層次的可視化:可視化宏。使用半透明紙布局,我們會迅速跟蹤并匯集一組的微視覺效果,形成一個完整的“頁”分組。這是在這個階段,我們將利用在頁面的參數(shù),并嘗試不同的關系,規(guī)模和不同成分的可能性。

瓊斯和史密斯

置頂圖形縮略圖1

置頂圖形縮略圖2

置頂圖形縮略圖3

粘顯卡類型的視覺效果
這些圖像顯示了一些的微縮略圖我們的設計任務書“粘性圖形?!边@本書是關于存儲設備,我們想型,一定要創(chuàng)造一個持久的印象。在我們的設計圖紙,如上圖所示,我們表示可能的紋理和色調變化和層次結構的設計學分和字幕,同時,我們也注意到這些微元件的設計方面需要的成分。最終的圖像顯示了一些主要的數(shù)字解釋這些圖紙。

Abigale宏1

Abigale宏2

Abigale宏3
這三幅圖像是由平面設計師阿比蓋爾·厄溫,慷慨地分享了一些她的的宏觀設計圖紙和視覺效果。在這些例子中,阿比蓋爾在一本雜志上的新聞傳播型的開發(fā)設計。最終,這些網頁將包含五個獨立的小文章,一個共同的主題下走到了一起。在頭兩個圖像,她正在探索其他的方法來設計這些文章。在第三個圖像,阿比蓋爾已經開始了,她怎么可能把這些文章在蔓延。

布局它適合拉微視覺

布局的數(shù)字視頻1

布局的數(shù)字視頻2
這些例子表明我們的第一本書,“布局:它適合的初始微視覺效果?!眻D紙?zhí)剿髻|地,色調,層次和成分的選擇,和兩個雙跨頁顯示我們的一些數(shù)字方面的解釋這些設計圖紙。

以這種方式開始了新的設計,我們總是首先通過搜索出最復雜的方面的項目。找出一個設計系統(tǒng),先解決最困難的情況下,可以更容易地申請最終設計的系統(tǒng)和關系方面的項目簡單。有可視化排序的各個方面并沒有硬性的規(guī)則。我們已經發(fā)現(xiàn),在其中我們手工繪制,并在計算機上工作的順序而變化,并且這兩種方法有時合并。但是,使用這兩種方法的發(fā)展伙伴關系,是一個很好的方式,以最大化的設計理念。

如果你是一個經驗豐富的設計師,可視化真的必要嗎?

在一個完全新的設計項目中,上面介紹的方法有助于確保我們的結果是不以任何方式限制的起點在計算機上或通過相對簡單的操作,往往是很有誘惑力的追求,但不一定是最合適的刺激。圖有助于把我們最有效的設計理念,正視舞臺的中心,并迫使我們,然后找到最好的方式來達到預期的效果。當然,如果我們開始與布局一張空白的紙和鉛筆,進行研究,以獲取靈感,然后設計上,天空的極限。

以往任何時候都傾向于簡單地重復使用的調色板,曾在以前的項目,簡單易用性和速度的印刷樣式?我們知道,我們的時間和精力嘗試的方案,以及開發(fā)完全不同的選擇會有所改善的結果,對于這個問題,增加了我們的滿意。我們有我們的眼睛對時鐘和生產解決方案是令人滿意的,但絕對不是最有效的,刺激或滿足。

翻譯繪制成設計

這個過程中的一個重要方面是能夠進入最后翻譯的細微差別標記的工作。這需要一個詳細的圖紙和精確的評估。微妙的色調和紋理,在你的視覺對比,應該有助于建立一個有價值的圖片的類型和圖像,對于這個問題,所有其他方面的設計。仔細看一下微妙的視覺效果,并利用它們作為一個起點,在選擇字體的細微差別,重量,跟蹤,字距,甚至導致。

從較小的紙張的視覺效果,Web或打印設計制造的過渡,可以是困難的,我們經常討論這個問題,我們的學生。一個系統(tǒng),現(xiàn)在似乎工作得很好 - 盡管是一個完全依賴比例大小的最終設計的視覺效果 - 是掃描或精心拍攝的視覺效果,然后將其拖放到要使用的數(shù)字文件的背景作為模板的最后作品。當設計充分呈現(xiàn),該模板可以被刪除。

翻譯設計1

翻譯設計2
這里的三個圖像顯示前一段中所描述的過程。第一步顯示了一個簡單的繪圖的電子報的頭版。接下來的兩個圖像顯示的漢化版的主要階段。以品紅顯示的數(shù)字的渲染,包括的類型,本文目的區(qū)分的層。

另一個原因是繪制:作為工作的類型和圖像的靈感

做標記的另一個原因,是發(fā)展思路的類型,我們已經做了非常有效的,在我們的書類型的圖片和文字顏色的影響作為一個練習。該方法包括尋找樣本的類型,然后剪切和粘貼,形成新的布局。的副本不會是有道理的,但抽象的結果可能是一個令人驚訝的和鼓舞人心的一個設計項目,涉及類型。

布局1

布局2

布局3
這次演習一直很受歡迎,我們的學生,誰得到了啟發(fā),捕捉到他們的抽象的布局的設計方案。在這里所示的例子中,學生們已經匯聚發(fā)現(xiàn)樣品的類型來創(chuàng)建紋理和色調的對比度和動態(tài)組合,沒有設計感的壓力。

在電腦屏幕上快速生成外觀設計權的便捷性和即時的滿足是很有誘惑力的??山邮艿母拍?,這種方式產生的。但是,如果一個設計師渴望更廣泛的有趣和實用的視覺概念,那么實現(xiàn)這一工作完全在電腦上是不可能的。

我們在沒有辦法的貶低計算機的資產是無價的設計師。但我們堅信,它不應該取代直觀的途徑之間的頭,心和手。由手繪圖,然后再通過電腦不是一成不變的,或者可能是第一位的,如果我們使用他們的同時,探索和發(fā)展的最有效的解決方案,為觀眾和設計師的一致好評。

紙和鉛筆的概念必須是設計過程中的一部分,如果想法被最大化。有風格,設計師需要遵循任何規(guī)則或精確,但需要足夠的精度和細節(jié),以便能夠做出明智的判斷。我們的剪切和粘貼的方式,發(fā)現(xiàn)樣本的類型和不同尋常的組合放在一起,也可以是一個鼓舞人心的出發(fā)點。有沒有一套做的和不該做的設計過程中,適量的圖紙,標記和試驗必將提高最終的結果。


本文已被檢查的作用,產生想法型繪圖和標記時,可以發(fā)揮一個極好的機會。在此之前,我們只是簡單地談到這個話題時,更廣泛的書面的紋理和色調的素質,在我們的書的類型和圖像設計,包括創(chuàng)建型圖片和文字顏色和平面設計,練習冊的影響。這些實用的指南是有用的提醒,圖形和設計型的基本面。

本文作者來自北京傳誠信,轉載請注明出處:北京傳誠信(www.94883.cn)


選擇北京網站建設公司-傳誠信,優(yōu)質服務,絕對不容錯過 !

  • 相關推薦
  • 大家在看
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354