首頁(yè)

讓設(shè)計(jì)和實(shí)際不再有誤差,前蘋(píng)果設(shè)計(jì)師Distler 推給設(shè)計(jì)師的設(shè)計(jì)工具 Context

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


軟件在提高專(zhuān)業(yè)人士辦公效率的同時(shí),也降低了許多創(chuàng)作型工作的門(mén)檻。比如由 FiftyThree 推出的Paper,它甚至可以幫助沒(méi)有美術(shù)功底的人,通過(guò) Paper 來(lái)有效且直觀(guān)的溝通設(shè)計(jì)想法。

同 Paper 類(lèi)似,由蘋(píng)果及 IDEO 前包裝設(shè)計(jì)師 Distler 推出的這款Context (只有 Mac 版) 也想提高設(shè)計(jì)師的工作效率,同時(shí)降低設(shè)計(jì)的門(mén)檻,讓普通如你我的人過(guò)一把設(shè)計(jì)海報(bào)、書(shū)皮的癮。

簡(jiǎn)單來(lái)說(shuō),通過(guò) Context,你可以實(shí)時(shí)查看你所設(shè)計(jì)的圖案在酒瓶、徽章、巨幅海報(bào)、各種不同材質(zhì)紙張和現(xiàn)實(shí)背景下最終呈現(xiàn)的樣子,且可 3D 查看。這樣做的好處就是,設(shè)計(jì)師再也不用等樣品制作出來(lái),才能判斷自己的方案是否真的可行了,即提率節(jié)省時(shí)間,也能節(jié)約成本 (演示視頻如下)。

Context 背后同時(shí)使用了 3D、2.5D 和 2D 技術(shù),幫助用戶(hù)實(shí)時(shí)多方位、更直觀(guān)的感受自己的作品。而相較一切需要從頭開(kāi)始的 Photoshop,Context 提供了很多表面材質(zhì)和物件供用戶(hù)任意搭配選擇,節(jié)約了大量搭建背景的時(shí)間。

網(wǎng)頁(yè)設(shè)計(jì)中圖片格式的選擇技巧

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

網(wǎng)頁(yè)設(shè)計(jì)中圖片格式的選擇技巧

網(wǎng)頁(yè)設(shè)計(jì)中,切圖輸出是指設(shè)計(jì)師將手邊繪制完成的原始圖稿轉(zhuǎn)換成網(wǎng)頁(yè)用的圖片格式、并交由下一位人員網(wǎng)頁(yè)排版的重要步驟。選擇適合的圖片格式不但可以將讓設(shè)計(jì)得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小,節(jié)省下載時(shí)間、有效的減少服務(wù)器的負(fù)擔(dān)。

以設(shè)計(jì)師最常用的 Photoshop 以及 Illustrator 為例,都提供了「儲(chǔ)存為網(wǎng)頁(yè)用…」的功能。與默認(rèn)的存盤(pán)模式不同,在這個(gè)模式中,軟件提供了仿真圖文件輸出的質(zhì)量調(diào)整、檔案大小控制等針對(duì)網(wǎng)頁(yè)圖文件需求的選項(xiàng):


相信許多人都知道網(wǎng)頁(yè)設(shè)計(jì)中最常用的格式不外乎 JPG、GIF、PNG 等格式,但并非所有的人都知道他們之前的實(shí)際差別跟到底何時(shí)該選擇何種格式。經(jīng)常發(fā)生的情況是,選擇 GIF 后的輸出結(jié)果看起來(lái)變得很糟,于是 PNG (24)似乎突然間風(fēng)行了起來(lái),不論圖檔尺寸是不是因此多了好幾倍。


JPEG

由于舊型計(jì)算機(jī)系統(tǒng)以及文件系統(tǒng)的限制,計(jì)算機(jī)檔案文件名與擴(kuò)展名被規(guī)定為 8.3 的格式,因此 JPEG 的附檔名被縮寫(xiě)為 .JPG。JPEG可以說(shuō)是人們最熟悉的圖檔格式了,相信在數(shù)字相機(jī)普及的現(xiàn)在,幾乎每臺(tái)數(shù)字相機(jī)、照相手機(jī)都可以(甚至只能)輸出 JPEG 格式的圖檔。JPEG是一種很典型的使用破壞性壓縮(lossy compression)的圖檔格式,也就是說(shuō)使用者每次進(jìn)行 JPEG 的存檔動(dòng)作后,圖檔的內(nèi)容都會(huì)遭到破壞,這個(gè)特性在肉眼辨識(shí)下并不明顯,但卻可以有效的降低圖檔的檔案大小。

IOS用戶(hù)體驗(yàn)設(shè)計(jì):如何構(gòu)建交互模式

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

Isolated blank book front

如何構(gòu)建交互模式(選自《iOS用戶(hù)體驗(yàn)設(shè)計(jì)》)

一個(gè)工作流可以產(chǎn)生大量的交互模式,在功能上每種模型都可以很相似,但在用戶(hù)體驗(yàn)上差異就會(huì)很大了。如何通過(guò)具有特色的交互方式創(chuàng)建超越同類(lèi)用戶(hù)體驗(yàn)的應(yīng)用就顯得至關(guān)重要了。

工作流的定義是所有交互設(shè)計(jì)活動(dòng)的基礎(chǔ)。我們就是在定義工作流的過(guò)程中確定用戶(hù)與應(yīng)用的交互方式。你可以根據(jù)想要實(shí)現(xiàn)的目標(biāo),在多種不同的層次上對(duì)其進(jìn)行定義。在有些情況下,你只需要抽象地定義工作流,而不必關(guān)注其功能細(xì)節(jié)和具體的交互方式。這對(duì)確定功能集和一般流程之間的關(guān)系是很有價(jià)值的。而在另一些情況下,你則需要定義用戶(hù)可能會(huì)碰到的所有交互、事件以及狀態(tài)變化的邏輯,以清晰地勾勒出整個(gè)應(yīng)用程序的操作方式。

亞馬遜購(gòu)買(mǎi)《iOS用戶(hù)體驗(yàn)設(shè)計(jì)》

為了進(jìn)行交互建模,你需要更為詳細(xì)的工作流,而不是抽象且高層次的工作流,但也不需要過(guò)于詳細(xì)。交互模式的詳細(xì)程度取決于應(yīng)用的性質(zhì)。下面詳細(xì)剖析如何構(gòu)建交互模式:

如前所述,交互建模是對(duì)應(yīng)用的整體交互行為進(jìn)行定義,并規(guī)范如何運(yùn)用或規(guī)劃這些交互行為來(lái)為用戶(hù)創(chuàng)建具有一致性的、易于理解的交互模式。《iOS用戶(hù)體驗(yàn)設(shè)計(jì)》第2章介紹了作為iOS用戶(hù)體驗(yàn)基礎(chǔ)的概念模型和空間模型。分層平面和空間模型這兩種概念共同組成了iOS的基本交互模式??梢钥吹剑绻隳軌蚝侠磉\(yùn)用這些概念,它們就能發(fā)揮出巨大的力量。(參見(jiàn)圖1-1)

ue1

圖1-1 iPhone中體驗(yàn)到的iOS空間模型

Default Plane 默認(rèn)層
Underlying Plane 隱含層
Superimposed Plane 疊加層

在開(kāi)始交互建模時(shí),你需要以一種抽象的方式進(jìn)行思考。你不需要考慮具體的功能和內(nèi)容,而要考慮應(yīng)用所可能采用的各種不同的交互行為,由此來(lái)了解如何使用它們來(lái)控制界面上的元素。iOS為我們提供了大量的可選方案,比如,縮放、拖移、輕掃、滑動(dòng)和滾動(dòng),等等。無(wú)論是單獨(dú)使用還是結(jié)合使用,這些手勢(shì)都可以用來(lái)創(chuàng)造出有趣的效果和截然不同的交互方式。

利用多種網(wǎng)絡(luò)營(yíng)銷(xiāo)方法做推廣

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

今天小編與大家分享一個(gè)利用多種網(wǎng)絡(luò)營(yíng)銷(xiāo)方法來(lái)做推廣,本次小編只用了百度知道、新浪博客、新浪微博三個(gè)方法,使微博的信息在百度搜索首頁(yè)中獲得短時(shí)間的排名?,F(xiàn)在分享一下操作流程,有興趣的朋友可以去嘗試一下。

首先,在百度知道找到你要回答的問(wèn)題,根據(jù)提問(wèn)進(jìn)行詳細(xì)的解答,最好是超過(guò)100漢字以上,越詳細(xì)的解答在百度知道通過(guò)率是非常高的。百度知道問(wèn)答的技巧在這里不多說(shuō)了,回答問(wèn)題不要想留鏈接、留聯(lián)系方式,你要想著是怎么將品牌詞更好的,更自然的加入到問(wèn)題中。如下圖片:

百度知道問(wèn)答技巧

然后,將百度知道的問(wèn)題Copy到新浪博客,稍對(duì)內(nèi)容進(jìn)行修改,并做好關(guān)鍵詞錨文本。在博文中做錨文本文章一旦收錄就可以給該關(guān)鍵詞投票,做得越多,該關(guān)鍵詞就可以獲得好的排名。博文編緝以后就可發(fā)布博文。

最后,新浪博客更新的文章就會(huì)自動(dòng)發(fā)布到新浪微博,這個(gè)前期需要新浪博客與微博是關(guān)聯(lián)的,才可以做到自動(dòng)發(fā)布。微博發(fā)布以后,百度收錄了新浪微博的信息就可以獲得好排名,然有些并不一定會(huì)在首頁(yè)獲得排名,有些會(huì)在第二頁(yè)。

網(wǎng)站外鏈建設(shè)有哪些常用的方法

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

百度Lee的“談外鏈判斷”一文發(fā)布,確定哪些是垃圾外鏈和作弊外鏈。我們?cè)谌粘?a style="color:#5eaae4;padding-bottom:0px;padding-top:0px;padding-left:0px;text-decoration:none;margin:0px;padding-right:0px;" target="_blank">網(wǎng)站優(yōu)化中如何更好的、有效的增加外鏈呢?下面小維跟大家說(shuō)說(shuō)有哪些常用的方法增加外鏈。

1、友情鏈接

友情鏈接無(wú)非是所有的外鏈中最有效的一種外鏈建設(shè),友情鏈接的交換一定要交換高權(quán)重、相關(guān)性強(qiáng)的網(wǎng)站。友情鏈接交換時(shí)可以將幾個(gè)難做的關(guān)鍵字多交換幾個(gè)網(wǎng)站,企業(yè)網(wǎng)站建議友鏈在20-30個(gè)左右,電商、門(mén)戶(hù)等大型網(wǎng)站可以在頻道多交換友鏈。友情鏈接可以提升關(guān)鍵字的排名,PR值的等級(jí)。

2、軟文

軟文營(yíng)銷(xiāo)也是一種不錯(cuò)的擴(kuò)展外鏈的方法,軟文可以提升品牌知名度、輔助SEM,還可以增加高質(zhì)量的外鏈。一篇好的軟文在底部留下你的網(wǎng)站鏈接,然后發(fā)布到相關(guān)的新聞源、門(mén)戶(hù)、高質(zhì)量的論壇。軟文一旦收錄,將有可能被站長(zhǎng)、網(wǎng)友轉(zhuǎn)載。軟文被轉(zhuǎn)載以后,網(wǎng)站的鏈接也會(huì)隨著轉(zhuǎn)載過(guò)去,軟文轉(zhuǎn)載越多,外鏈也會(huì)增加的越多。軟文運(yùn)用好的話(huà),效果是非常不錯(cuò)的。

3、論壇發(fā)帖、簽名、回帖

在論壇發(fā)帖、簽名、回帖也是可以增加外鏈的。在論壇發(fā)帖、回帖不是所有的論壇都可以發(fā)布鏈接的。在我們注冊(cè)論壇、準(zhǔn)備發(fā)帖時(shí),我們一定要閱讀、了解該論壇規(guī)則,避免在發(fā)帖時(shí)違反該論壇的規(guī)則,而刪帖、封號(hào)等情況發(fā)生。軟文+論壇的配合也是最佳的搭檔。在論壇發(fā)帖要選擇與網(wǎng)站相關(guān)、人氣高的網(wǎng)站發(fā)帖。帖子容易收錄,也可以獲得額外的效果。

經(jīng)驗(yàn)分享:讓網(wǎng)頁(yè)設(shè)計(jì)有規(guī)律可循

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

這是Suyee同學(xué)的一篇老文章了,而分享總結(jié)的經(jīng)驗(yàn)還是很值得大家思考,千萬(wàn)不要養(yǎng)成舊文就不讀不看不想不練的習(xí)慣,這只會(huì)禁錮雙手,麻痹大腦。
收藏再多新文章,卻不去看,還有何意義呢?

開(kāi)篇啰嗦了一下,但這的確是很多同學(xué)們需要改正的壞習(xí)慣。2013年就要過(guò)去了,回首看看,今年你在思想認(rèn)知、設(shè)計(jì)手法、團(tuán)隊(duì)協(xié)作、溝通演講上有了哪些進(jìn)步。

相關(guān)閱讀:
思想認(rèn)知:《電線(xiàn)桿上的用戶(hù)體驗(yàn)設(shè)計(jì)》
設(shè)計(jì)手法:《設(shè)計(jì)要出彩?來(lái)看八大創(chuàng)意理論應(yīng)用篇》
團(tuán)隊(duì)協(xié)作:《團(tuán)隊(duì)合作中用photoshop時(shí)應(yīng)該注意什么》
溝通演講:《寫(xiě)給設(shè)計(jì)師:如何與工程師一起工作》

好咯,進(jìn)入正文:隨著開(kāi)放平臺(tái)日益增多,衍生出來(lái)的各類(lèi)應(yīng)用服務(wù)也就呈不斷增長(zhǎng)的趨勢(shì)。這些應(yīng)用服務(wù)的站點(diǎn)設(shè)計(jì)也可謂是五彩斑斕,燦若繁星。我們可以來(lái)找找這些網(wǎng)站的設(shè)計(jì)是否有規(guī)律可循。

可以從幾個(gè)方面來(lái)分析:

色彩

Amoderneden

從它的整體色彩配圖元素構(gòu)建等不難看出,這是一個(gè)關(guān)于兒童教育有關(guān)的網(wǎng)站,推的就是寓教于樂(lè)的產(chǎn)品服務(wù)。

Paraply

他們?yōu)橛脩?hù)的當(dāng)前位置提供降雨預(yù)報(bào)服務(wù)。憂(yōu)郁的藍(lán)色預(yù)示著雨雪的降臨,與雨傘保護(hù)感強(qiáng)烈的紅色相對(duì)比顯得相得益彰。

26個(gè)時(shí)尚的極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)

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

我們總是會(huì)聽(tīng)到 “少即是多”。
有時(shí),剝離了所有的噱頭和幻想的元素從布局和專(zhuān)注于核心設(shè)計(jì)的原則出發(fā),就會(huì)得到一個(gè)更美觀(guān)的網(wǎng)頁(yè)設(shè)計(jì)。
這篇文章向我們展示了一些極簡(jiǎn)主義的網(wǎng)站示例。

Yaron Schoen

View the website design

Dan Cassaro

View the website design

Dodge & Burn

View the website design

Friends of The Web

View the website design

Color Grade It

View the website design

Simon Foster

View the website design

Nudge

View the website design

Johann Lucchini

View the website design

Paravel

View the website design

QQ群推廣最有效的方法

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

據(jù)相關(guān)報(bào)告顯示QQ注冊(cè)用戶(hù)達(dá)到10億人數(shù),同時(shí)在線(xiàn)人數(shù)達(dá)到2億人數(shù),QQ群有9000多萬(wàn)個(gè)。在這么組數(shù)據(jù)中,我們可想到QQ在國(guó)內(nèi)的市場(chǎng),為我們提供了多大的營(yíng)銷(xiāo)推廣機(jī)會(huì)。如果我們能夠利用好QQ,你會(huì)獲得更好的回報(bào)。下面小維分享幾個(gè)技巧,讓我們?cè)赒Q群推廣中獲得最有效的方法。

1、群名片
加入群以后一定要修改你的群名片,最好是品牌名(業(yè)務(wù)名稱(chēng))+名稱(chēng),如我是做郵件營(yíng)銷(xiāo)的,我在相關(guān)的群里設(shè)置為“EasyEDM-小維”。設(shè)置好名片以后要把你的QQ排名靠前,如設(shè)置狀態(tài)為“Q我吧”、空格、成為會(huì)員,其中“Q我吧”權(quán)重最高。如果你能把群主搞定話(huà),你可成為管理員。當(dāng)你的排名排在前幾位時(shí),你的品牌或業(yè)務(wù)就展示在前面,你不與大家聊天,你的品牌或業(yè)務(wù)其他群友就可以看到。

2、群聊天
我們加入群以后,不要直接發(fā)廣告信息,或者加入群一段時(shí)間以后,也不要直接發(fā)廣告,這樣容易把你踢出群。最好的方式是加入群以后,與群友很友好的互動(dòng)。先自我介紹,互相交流,幫助群友解決疑難問(wèn)題,在群里建立權(quán)威性。在我們聊天中間接的植入廣告信息。如小維日常在群里面與大家聊天時(shí),會(huì)間接的加入公司的品牌名稱(chēng)。當(dāng)群友問(wèn)及“有什么好的郵件軟件或平臺(tái)嗎?”,小維先會(huì)回答軟件和平臺(tái)之間的差異,然后再推薦使用哪個(gè)產(chǎn)品,并植入產(chǎn)品名稱(chēng)。

3、群共享
我們需要合理的利用QQ群一些工具,如群共享。群共享有新的文件可以在群友聊天顯示,可以有效的吸引群友查看群共享的文檔。我們要共享的文檔最好是對(duì)群友有幫助的,也不要直接發(fā)廣告文檔,這樣的文檔不會(huì)有人查看的。文檔的標(biāo)題一定要有技巧,也不要“標(biāo)題黨”。如本篇文章為“QQ群推廣最有效的方法”我們可以制作成文檔上傳到群共享。這樣的文檔標(biāo)題你有興趣,你說(shuō)說(shuō)會(huì)去打開(kāi)查看嗎?

20大數(shù)據(jù)可視化工具點(diǎn)評(píng)

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

@親愛(ài)的蔥 數(shù)據(jù)可視化在當(dāng)前是一個(gè)熱門(mén)話(huà)題,旨在借助于圖形化手段,清晰有效地傳達(dá)與溝通信息。但是,這并不就意味著,數(shù)據(jù)可視化就一定因?yàn)橐獙?shí)現(xiàn)其功能用途而令人感到枯燥乏味,或者是為了看上去絢麗多彩而顯得極端復(fù)雜。為了有效地傳達(dá)思想概念,美學(xué)形式與功能需要齊頭并進(jìn),通過(guò)直觀(guān)地傳達(dá)關(guān)鍵的方面與特征,從而實(shí)現(xiàn)對(duì)于相當(dāng)稀疏而又復(fù)雜的數(shù)據(jù)集的深入洞察。

然而,設(shè)計(jì)人員往往并不能很好地把握設(shè)計(jì)與功能之間的平衡,從而創(chuàng)造出華而不實(shí)的數(shù)據(jù)可視化形式,無(wú)法達(dá)到其主要目的,也就是傳達(dá)與溝通信息。

120917visualisationmain

如今學(xué)習(xí)應(yīng)用數(shù)據(jù)可視化的渠道有很多,你可以跟蹤一些專(zhuān)家博客,但更重要的一點(diǎn)是實(shí)踐/實(shí)操,你必須對(duì)目前可用的數(shù)據(jù)可視化工具有個(gè)大致了解。以下是Netmagzine列舉的二十大數(shù)據(jù)可視化工具,無(wú)論你是準(zhǔn)備制作簡(jiǎn)單的圖表還是復(fù)雜的圖譜或者信息圖,這些工具都能滿(mǎn)足你的需要。更加美妙的是,這些工具大多免費(fèi)。

第一部分:入門(mén)級(jí)工具

1.Excel

excel

Excel的圖形化功能并不強(qiáng)大,但Excel是分析數(shù)據(jù)的理想工具,上圖是Excel生成的熱力地圖

作為一個(gè)入門(mén)級(jí)工具,Excel是快速分析數(shù)據(jù)的理想工具,也能創(chuàng)建供內(nèi)部使用的數(shù)據(jù)圖,但是Excel在顏色、線(xiàn)條和樣式上可選擇的范圍有限,這也意味著用Excel很難制作出能符合專(zhuān)業(yè)出版物和網(wǎng)站需要的數(shù)據(jù)圖。但是作為一個(gè)的內(nèi)部溝通工具,Excel應(yīng)當(dāng)是你百寶箱中必備的工具之一。

設(shè)計(jì)師學(xué)做信息圖必須去的八個(gè)網(wǎng)站

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

2013.03

這是一個(gè)讀圖的時(shí)代,浮躁的人們或許對(duì)超過(guò)150個(gè)的文字都讀不下去,所以,信息圖應(yīng)運(yùn)而生,搭配上優(yōu)秀而又吸引人的圖片,再加上一小段精煉的文字,足夠吸引人而又不至于耽誤太多的時(shí)間,在閱讀一張張精彩的信息圖之余,我們也常常會(huì)產(chǎn)生制作屬于自己的精美信息圖的沖動(dòng),只是往往是心有余而力不足.不過(guò)還好,有眾多提供在線(xiàn)制作信息圖的工具,比如creately就是其中的佼佼者。

 

什么是信息圖(Infographics)

根據(jù)維基百科的解釋:
信息圖形(Information graphics),又稱(chēng)為信息圖(Infographics),是指數(shù)據(jù)、信息或知識(shí)的可視化表現(xiàn)形式。信息圖形主要應(yīng)用于必須要有一個(gè)清楚準(zhǔn)確的解釋或表達(dá)甚為復(fù)雜且大量的信息,例如在各式各樣的文件檔案上、各個(gè)地圖及標(biāo)志、新聞或教程文件,表現(xiàn)出的設(shè)計(jì)是化繁為簡(jiǎn)。公元1958年,Stephen Toulmin提出了一種圖形化的理論模型,后來(lái)成為有影響力的理論及其應(yīng)用。

infographics_textured

制作信息圖的目的在于用圖像的形式表現(xiàn)需要傳達(dá)的數(shù)據(jù)、信息和知識(shí)。信息圖示中的元素未必要和所表達(dá)的信息在語(yǔ)義上一致,但是必須達(dá)到向受眾清晰傳達(dá)正確信息的標(biāo)準(zhǔn),這里介紹幾個(gè)知名的提供信息圖的網(wǎng)站

日歷

鏈接

個(gè)人資料

存檔