首頁

超贊!設(shè)計(jì)師完全自學(xué)指南

藍(lán)藍(lán)設(shè)計(jì)的小編

超贊!設(shè)計(jì)師完全自學(xué)指南

本文譯自國外高質(zhì)量問答社區(qū)Quora,原文作者Karen X. Cheng,原是微軟Excel的項(xiàng)目經(jīng)理,后通過自學(xué)轉(zhuǎn)型成為設(shè)計(jì)師。她講述的自學(xué)過程詳實(shí)細(xì)致且條理有序,讀完會(huì)發(fā)現(xiàn)與想象中的大不一樣,對(duì)于想自學(xué)設(shè)計(jì)但迷茫不知道從何入手的童鞋來說,可以遵循她的步驟去學(xué)習(xí),除了規(guī)劃得當(dāng),還能對(duì)設(shè)計(jì)有一個(gè)全局的了解 : )

做設(shè)計(jì)很慢?先來改正你使用PS的10個(gè)壞習(xí)慣

藍(lán)藍(lán)設(shè)計(jì)的小編

PS用途廣泛,方法多樣??梢杂貌煌姆椒▉韺?shí)現(xiàn)同一種效果,有時(shí),大家會(huì)被思維局限住,采用”最笨”的辦法完成工作。

本文,便是面對(duì)這一問題,羅列出PS使用中的10條壞習(xí)慣,相信只要克服這10個(gè)壞習(xí)慣,你的工作會(huì)更有效率。

1. 在單一圖層內(nèi)工作

盡管有很多教程講述單圖層打造xxx效果,大家不妨學(xué)習(xí)一下作為練習(xí),掌握一下思路即可。
但是在工作中,這種習(xí)慣可真不好。

單一圖層制圖,缺乏靈活性,無法針對(duì)性的做出修改。
最安全的做法是:一種效果,一個(gè)新圖層,這樣以后修改起來會(huì)非常方便。

10 bad habits

無論如何,在工作中都盡可能的使用多個(gè)圖層,編輯更起來有效率,組織也更分明。
當(dāng)然也有牛人,完全在一個(gè)圖層實(shí)現(xiàn)很復(fù)雜的。譬如這篇《PS教程!教你用一個(gè)圖層制作相機(jī)圖標(biāo)》

2. 直接刪除內(nèi)容,而不使用蒙版

這個(gè)非常常見。刪除和擦除圖層內(nèi)容幾乎是不可逆的,是一種破壞性的編輯方式。其實(shí)不如利用PS的像素蒙版、矢量蒙版、剪貼蒙版來”屏蔽”內(nèi)容。

蒙版僅僅會(huì)臨時(shí)隱藏選中的圖層部分,而不是性的刪除。

10 bad habits

記住咯,盡量使用蒙版,盡量少用刪除。

3. 點(diǎn)來點(diǎn)去(不會(huì)用快捷鍵)

20120711134546_vaEEM
 

4. 圖像轉(zhuǎn)換時(shí),不利用智能對(duì)象

掌握動(dòng)效設(shè)計(jì)!讓你的設(shè)計(jì)富有未來科技感(上)

藍(lán)藍(lán)設(shè)計(jì)的小編

掌握動(dòng)效設(shè)計(jì)!讓你的設(shè)計(jì)富有未來時(shí)尚科技感

為何有的產(chǎn)品、服務(wù)特別受歡迎?

是因?yàn)檫@些產(chǎn)品、服務(wù)在內(nèi)容、外觀、設(shè)計(jì)、可用性、功能等方面具有無可匹敵的優(yōu)勢。其實(shí),所有的這些層面都屬于交互設(shè)計(jì)的細(xì)節(jié),其中一個(gè)關(guān)鍵點(diǎn)便是動(dòng)效。

本文將介紹幾種常見的動(dòng)效模式(用GIF圖演示),分析一下為何這些簡單的設(shè)計(jì)模式在實(shí)際應(yīng)用中能夠奏效。
當(dāng)我們?cè)O(shè)計(jì)數(shù)碼產(chǎn)品時(shí),我們一般用PS或者Sketch這種設(shè)計(jì)軟件來進(jìn)行設(shè)計(jì)。

了解設(shè)計(jì)的人明白這樣一個(gè)道理:設(shè)計(jì)不光只是視覺表達(dá)。設(shè)計(jì)也不應(yīng)該是靜態(tài)的。喬布斯說過這樣一句話:

設(shè)計(jì)并非外觀怎樣,感覺如何。核心在于,它是怎樣工作的。

影響用戶對(duì)產(chǎn)品的體驗(yàn)與印象的因素有很多,交互在其中扮演著關(guān)鍵性角色。我們不能再簡單的把用戶界面當(dāng)成一種靜態(tài)界面而設(shè)計(jì)。我們應(yīng)該順應(yīng)互聯(lián)網(wǎng)動(dòng)態(tài)的本質(zhì),打造更加動(dòng)態(tài)的圖形用戶界面。
好了,廢話不多說,我們來看看,什么叫做更智能的交互、更精致的動(dòng)效??纯催@些設(shè)計(jì)模式是怎樣提高用戶體驗(yàn)的。

動(dòng)效滾動(dòng)

超鏈接是互聯(lián)網(wǎng)的雙刃劍,當(dāng)你點(diǎn)擊鏈接時(shí),你可以在互聯(lián)網(wǎng)中任意遨游,隨心所欲。

可是過度自由好嗎?不見得,比方說你在瀏覽一款精美的產(chǎn)品頁面,然后你點(diǎn)擊了一下頁面中的鏈接,突然導(dǎo)入了一款令人毛骨悚然的木偶商店頁面。這就是超鏈接的弊端,有時(shí)候的頁面轉(zhuǎn)換太突然,缺少過度,讓用戶一時(shí)不能接受。

我們可以看看書籍的用戶體驗(yàn):故事發(fā)展一般是線性的,每一章都和上文有所聯(lián)系。想要閱讀第二章,必須先閱讀第一章,以便大致了解書中的環(huán)境與人物關(guān)系。如果你”跳章”閱讀,不可避免的會(huì)錯(cuò)過一些關(guān)鍵劇情,因此無法理解有些內(nèi)容。

在網(wǎng)頁設(shè)計(jì)中,同理,尤其是那種內(nèi)容比較大,頁面比較長得網(wǎng)站,這種情況經(jīng)常無意識(shí)的發(fā)生:用戶會(huì)錯(cuò)過之前的某些關(guān)鍵內(nèi)容,而且又缺少提示,因此很難理解當(dāng)前內(nèi)容,通過添加動(dòng)效滾動(dòng),可以修正這一問題。

告別平庸!新穎的表單設(shè)計(jì)賞析

藍(lán)藍(lán)設(shè)計(jì)的小編

一般來說,網(wǎng)頁設(shè)計(jì)師都極少關(guān)注表單設(shè)計(jì),這使得大多數(shù)表單看起來都差不多,普通至極,毫無特色。本文中的這些案例化腐朽為神奇,將枯燥的表單頁面設(shè)計(jì)的多姿多彩。一起來看一下吧。

還記得那篇備受好評(píng)的《向左走、向右走?表單元素設(shè)計(jì)大揭密》嗎?讓很多網(wǎng)頁設(shè)計(jì)師第一次認(rèn)識(shí)到表單設(shè)計(jì)的一些魔鬼細(xì)節(jié)。那么今天再來看看實(shí)際中的一些新穎案例吧。本文收集了一大批優(yōu)秀的聯(lián)系表單設(shè)計(jì),希望對(duì)你有所啟發(fā)。

Contact Page from Café Evoke

Contact Page from Café Evoke

Bold Contact Page from Mixd

Bold Contact Page from Mixd

Signup Form from Involvio Orientation

Signup Form from Involvio Orientation

Sliding Contact Page from Whoa Nelly Catering

Sliding Contact Page from Whoa Nelly Catering

Submission Form from Dear Mum

Submission Form from Dear Mum

Clean Contact Page from Mud

Clean Contact Page from Mud

Minimal Contact Form from Eduardo Nunes

Minimal Contact Form from Eduardo Nunes

Dark Minimal Contact Form from group94

Dark Minimal Contact Form from group94

Clean Contact Form from Littlelines

Clean Contact Form from Littlelines

Contact Form from Mostly Serious

Contact Form from Mostly Serious

橫向的進(jìn)擊!網(wǎng)頁也可以橫著看

藍(lán)藍(lán)設(shè)計(jì)的小編

老實(shí)說,你瀏覽過幾個(gè)水平滑動(dòng)的網(wǎng)站?如果讓我來回答這個(gè)問題,我得說我沒瀏覽過幾個(gè)。而且水平滾動(dòng)網(wǎng)站似乎在網(wǎng)頁設(shè)計(jì)中并不流行?;蛘邥?huì)被一些專家說這是反人類的瀏覽體驗(yàn)。
好吧,對(duì)無創(chuàng)意毋寧死的設(shè)計(jì)師來說。咱們就是愛打破常規(guī),弄點(diǎn)新穎奇特的設(shè)計(jì)出來。

不過不得不說,水平滾動(dòng)網(wǎng)頁設(shè)計(jì)有點(diǎn)命途多舛,剛出來的時(shí)候短暫流行過一陣子,但后來漸漸消隱于大眾視線,
有人說這種風(fēng)格的網(wǎng)頁,瀏覽起來非常不順暢,有人說他們就沒見過認(rèn)真設(shè)計(jì)的水平滾動(dòng)網(wǎng)站。但是本文將介紹幾例優(yōu)秀案例。

隨著設(shè)計(jì)技藝和風(fēng)格理解的提高,優(yōu)秀水平滾動(dòng)設(shè)計(jì)漸漸多了起來。
當(dāng)然,還有重要的一點(diǎn)需要考慮,不是每一種內(nèi)容都適合用水平滾動(dòng)的布局方式呈現(xiàn)。大多數(shù)采用水平滾動(dòng)方式設(shè)計(jì)的網(wǎng)站,內(nèi)容一般都是圖片和簡潔的文字資料。

相較于垂直頁面設(shè)計(jì),圖片展示是水平滾動(dòng)設(shè)計(jì)唯一具有壓倒性優(yōu)勢的地方。在眾多的垂直布局網(wǎng)站中,如果出現(xiàn)一款水平滾動(dòng)設(shè)計(jì)的圖片網(wǎng)站,就會(huì)有鶴立雞群的效果。

Samuel Esteves

Samuel Esteves是采用水平滾動(dòng)設(shè)計(jì)的圖庫類網(wǎng)站范例。該網(wǎng)站中的很多圖庫都很有趣。

samuel esteves, great website design inspiration

Mariana Onate

正如我之前說的那樣,水平滾動(dòng)網(wǎng)頁設(shè)計(jì)極度適合圖片展示,看看Mariana Onate。采用了多種技術(shù),以及簡單點(diǎn)擊的滾動(dòng)操作給圖像瀏覽帶來高雅體驗(yàn)。

horizontal scrolling web design

Lucuma

此作品集與眾不同,通過水平滾動(dòng)設(shè)計(jì),提供了更多作品的細(xì)節(jié),而作品本身也非常適合采用水平滾動(dòng)

nice web layout, websites layout examples

Asiance

Asiance是亞洲的數(shù)字服務(wù)商。通過水平滾動(dòng),用戶可以獲取大量有用的信息。

horizontal web design

Alex Flueras

對(duì)于Alex Flueras我無話可說。這是個(gè)非常棒的水品滾動(dòng)圖庫網(wǎng)站。

horizontal web design

C.L. Holloway

這是一位藝術(shù)家的網(wǎng)站,色彩非常的平滑,沒有突兀感。通過水平滾動(dòng),讓人有一種漫步于畫廊的感覺,創(chuàng)意和實(shí)際的完美結(jié)合。

horizontal webdesign, parallax scrolling

還在為設(shè)計(jì)LOGO犯愁?來看看這10個(gè)LOGO資源站

藍(lán)藍(lán)設(shè)計(jì)的小編

想要提高Logo設(shè)計(jì)技巧嗎?來看看這些的Logo設(shè)計(jì)資源網(wǎng)吧,你會(huì)找到很多靈感和借鑒之處。
網(wǎng)絡(luò)中資源無窮無盡,我們可以在其中找到很多Logo設(shè)計(jì)的法門。但是,有時(shí)候”亂花漸欲迷人眼”,太多了反而不好進(jìn)行選擇,

因此,我們?yōu)槟暨x了一些的Logo設(shè)計(jì)資源網(wǎng)站,希望對(duì)你有所幫助。

01. Logoed

Logo design resources

Logoed的資源庫很豐富,一定會(huì)讓你大開眼界Logoed

是一個(gè)展示Logo設(shè)計(jì)的博客。這個(gè)網(wǎng)站已經(jīng)有十年的歷史了,有著豐富的Logo設(shè)計(jì)文章資料庫。布局簡潔,縮略圖垂直排布,能方便用戶進(jìn)行瀏覽。

02. Logospire

Logo design resources

如果你在苦苦尋找靈感, Logospire是個(gè)不錯(cuò)的選擇,網(wǎng)格式布局非常簡潔,導(dǎo)航易用。Logospire允許設(shè)計(jì)師在每一款設(shè)計(jì)的子頁面進(jìn)行評(píng)論、交流。細(xì)節(jié)豐富。

03. Brand New

Logo design resources

Brand New提供了很多品牌標(biāo)志設(shè)計(jì)的理念。也提供了很多Logo設(shè)計(jì)的趨勢、建議以及案例展示。

04. Creattica

Logo design resources

Creattica是個(gè)很不錯(cuò)的圖庫。盡管不是專門Logo的圖庫,但是有超過3000款以上的Logo設(shè)計(jì)展示。

05. Logo of the day

Logo design resources

每日Logo靈感獵取 Logo of the day 是平面設(shè)計(jì)師 Jacob Cass2008年創(chuàng)立的網(wǎng)站,目的很簡單,為設(shè)計(jì)師提供每日Logo設(shè)計(jì)靈感。

06. LogoLounge

logo resources

內(nèi)含超過175000例的Logo設(shè)計(jì)LogoLounge是很不錯(cuò)的資源網(wǎng)站,無論是做Logo研究、討論還是靈感獲取,都可以在這里找到你想要的東西。

07. LogoGala

logo resources

想要得到Logo設(shè)計(jì)的深度觀察?來LogoGala吧 LogoGala。設(shè)計(jì)師最喜歡的Logo設(shè)計(jì)博客之一,深度解釋、展示Logo設(shè)計(jì)

08. LogoMoose

logo resources

在LogoMoose上分析你的理念和創(chuàng)意。LogoMoose在線Logo設(shè)計(jì)社區(qū),展示世界各地的優(yōu)秀Logo設(shè)計(jì)作品。設(shè)計(jì)師可以在這里展示自己的作品并獲得反饋。

09. Logo Design Love

logo resources

由平面設(shè)計(jì)師David Airey創(chuàng)立Logo Design Love 致力于Logo和品牌標(biāo)志設(shè)計(jì),一般每周更新一到兩次。而且布局很棒,很方便就能找到所需信息。

10. Logo Pond

logo resources

在Logo Pond上找到當(dāng)下網(wǎng)絡(luò)上最棒的Logo設(shè)計(jì).Logo Pond 理念分析與靈感收集的場所。

靈感!一組手機(jī)LOGO設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

移動(dòng)至上是當(dāng)今的大背景。交互設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)都不得不顧慮手機(jī)的”感受”,移動(dòng)互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn),而有關(guān)移動(dòng)端的Logo怎么設(shè)計(jì)?看看這里吧。

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

數(shù)據(jù)庫營銷與郵件營銷完美整合

藍(lán)藍(lán)設(shè)計(jì)的小編

郵件營銷對(duì)于大家不再那么陌生,都知道郵件營銷在營銷推廣中的重要性。但是現(xiàn)在實(shí)施郵件營銷都沒有獲得預(yù)期的效果,為什么會(huì)這樣呢?因?yàn)槲覀冊(cè)谧鲟]件營銷時(shí),沒有正確的利用、使用郵件營銷的方法。普遍的情況是在網(wǎng)上收集或購買郵件地址,然后使用郵件營銷工具群發(fā)郵件。

數(shù)據(jù)庫營銷與郵件營銷完美整合

那么今天筆者給大家又分享一個(gè)非常實(shí)用的郵件營銷整合策略,也是幫助大家在解決客戶數(shù)據(jù)的問題。數(shù)據(jù)庫營銷與郵件營銷的整合將助力我們?cè)卩]件營銷中獲得非常好的效果。

數(shù)據(jù)庫營銷就是企業(yè)或個(gè)人通過收集和積累會(huì)員信息,經(jīng)過分析篩選后針對(duì)性的使用電子郵件、短信、電話等方式進(jìn)行客戶深度挖掘與關(guān)系維護(hù)的營銷方式。數(shù)據(jù)庫營銷對(duì)于企業(yè)或和個(gè)人來說實(shí)施更精準(zhǔn)的營銷,對(duì)于服務(wù)機(jī)構(gòu)來說提升數(shù)據(jù)的價(jià)值。

下面5個(gè)步驟講解數(shù)據(jù)庫營銷的步驟。

建立數(shù)據(jù)庫
在收集數(shù)據(jù)之前,要建立數(shù)據(jù)庫,數(shù)據(jù)量少,沒有專業(yè)人員可以使用EXCEL、CRM等工具;數(shù)據(jù)量大,有專業(yè)人員可以使用SQL Server、MySQL等數(shù)據(jù)庫系統(tǒng)。建立數(shù)據(jù)庫之前分析要收集哪些數(shù)據(jù)類型,如姓名、性別、職位、地區(qū)、郵箱、電話等數(shù)據(jù)類型,盡可能的將數(shù)據(jù)類型整理全,數(shù)據(jù)類型越詳細(xì),對(duì)后期的整理非常有幫助。

數(shù)據(jù)收集
數(shù)據(jù)收集可以通過購買、注冊(cè)、調(diào)查、活動(dòng)、網(wǎng)上搜集等手段來獲取數(shù)據(jù)。數(shù)據(jù)比較精準(zhǔn)的是注冊(cè)、調(diào)查、活動(dòng),其次是購買和網(wǎng)上搜集。前者更多是大型企業(yè)使用,后者就是我們經(jīng)常運(yùn)用的手段。筆者早些年從事數(shù)據(jù)庫營銷時(shí),就是在網(wǎng)上采集數(shù)據(jù)。自己寫程序、使用軟件等輔助來收集網(wǎng)上的數(shù)據(jù)。分享一個(gè)筆者最近使用的網(wǎng)上采集工具:易客寶企業(yè)名錄搜索軟件。

如何利用視頻做網(wǎng)絡(luò)推廣?

藍(lán)藍(lán)設(shè)計(jì)的小編

在眾多的網(wǎng)絡(luò)營銷推廣方法,視頻推廣是不可以忽視的一個(gè)網(wǎng)絡(luò)推廣渠道。很簡單的例子,我們?cè)诰W(wǎng)上搜索一些信息時(shí),搜索結(jié)果頁首頁總會(huì)有那么一兩個(gè)視頻網(wǎng)站的信息(如下圖)。今天小編跟大家說說如何做好視頻推廣。

如何做好視頻推廣

什么是視頻推廣?
視頻推廣是以視頻為載體,通過在視頻中添加合適的推廣信息,將各種視頻短片以各種形式放到互聯(lián)網(wǎng)上,達(dá)到一定宣傳目的的營銷手段。

如何制作視頻內(nèi)容?

1、自己錄制視頻
自己使用錄制屏幕軟件、攝像機(jī)等視頻錄制軟件或工具錄制專業(yè)的視頻,錄制好視頻以后,需要對(duì)視頻進(jìn)行后期剪輯,在視頻中加入水印或植入廣告信息。
推薦工具:剪輯工具:camtasia studio7,錄屏工具:屏幕錄像專家、camtasia studio 7、Adobe Captivate 3。

2、下載視頻
在國內(nèi)或國外的視頻網(wǎng)站上下載熱門或與業(yè)務(wù)相關(guān)的視頻,在本地使用軟件給視頻加水印。
推薦工具:貍窩轉(zhuǎn)換器

如何推廣視頻?

日歷

鏈接

個(gè)人資料

存檔