首頁

推薦!Web中文字體應(yīng)用指南

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

Web 中文字體應(yīng)用指南

藍(lán)藍(lán)設(shè)計(jì):在 Web 設(shè)計(jì)上應(yīng)用字體是一項(xiàng)基本技術(shù),同時(shí)也是一門藝術(shù)。對于英文字體來說可選擇的范圍實(shí)在是太廣泛了,合理的使用它們將會(huì)為你的網(wǎng)站增色不少。關(guān)于英文字體的使用和搭配技巧,在這里不做贅述,只推薦一套非常好的視頻:Fundamentals of Design by CodeSchool

相關(guān)好文:
新手入門:選擇字體的五個(gè)原則
淺析中英文基本字形的演變和發(fā)展
2012年度最佳移動(dòng)網(wǎng)頁字體設(shè)計(jì)
推薦!跨平臺(tái)字體效果淺析

而真正的挑戰(zhàn)在于中文字體,由于中文字體組成的特殊性導(dǎo)致其體積過于龐大,除了操作系統(tǒng)內(nèi)置的字體之外,我們很難在網(wǎng)站上應(yīng)用其他的字體。在可選性很差的前提之下,如何正確的使用中文字體呢?

首先,以下的字體聲明都是很糟糕的,切忌使用:

10個(gè)增強(qiáng)Web字體排版的jquery插件

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

雖然Web字體版式技術(shù)在各種定制化字體解決方案(比如@font-face, Google Fonts)的支持下一路蓬勃發(fā)展,但是在我們在設(shè)計(jì)和桌面app開發(fā)中仍然對其缺少精準(zhǔn)的控制和把握。還好有一系列的強(qiáng)大功能jquery插件幫助我們解決這個(gè)問題。這篇文章詳細(xì)介紹了近10個(gè)最流行的Web字體版式插件,它們允許我們潤色字體版式并創(chuàng)造出更多超級酷的效果。
不得不說,網(wǎng)站本身也創(chuàng)意十足,個(gè)性滿滿喲:)

Lettering.js

Lettering.js example

Lettering.js 是最簡單最流行的網(wǎng)絡(luò)版式插件之一。通過分拆每個(gè)文本,并將每個(gè)字母放在定制好的<span>中,該插件能夠讓你精準(zhǔn)的操控標(biāo)題版式。使用它小心的調(diào)整你的字距或者添加各式各樣的CSS,從而讓每個(gè)單詞都有超級贊的效果。

巧用色塊布局,讓你的網(wǎng)站與眾不同!

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

QQ截圖20130428163130

Metro UI是一種界面展示技術(shù),和蘋果的iOS、谷歌的Android界面最大的區(qū)別在于:后兩種都是以應(yīng)用為主要呈現(xiàn)對象,而Metro界面強(qiáng)調(diào)的是信息本身,而不是冗余的界面元素。顯示下一個(gè)界面的部分元素的功能上的作用主要是提示用戶”這兒有更多信息”。同時(shí)在視覺效果方面,這有助于形成一種身臨其境的感覺。

科普一下:神馬是Metro?Metro是由微軟公司開發(fā)的內(nèi)部名稱為” typography-based design language”(基于排版的設(shè)計(jì)語言)。最早出現(xiàn)在微軟電子百科全書95,后來的產(chǎn)品如:windows媒體中心、Zune播放器都有用到這項(xiàng)技術(shù)。該技術(shù)已于2010年初(美國)獲得Metro UI專利批準(zhǔn)(USPTO)如今該技術(shù)被引入到微軟開發(fā)的Windows Phone操作系統(tǒng)和已經(jīng)發(fā)布的Windows 8預(yù)覽版以及Office 15中。

藍(lán)藍(lán)設(shè)計(jì) :2012年7月,在大連中軟實(shí)訓(xùn)基地學(xué)習(xí)時(shí),老師要求我們分小組開發(fā)項(xiàng)目,理所當(dāng)然地,我擔(dān)任前端設(shè)計(jì)和開發(fā)的工作。
當(dāng)我略微得意地把設(shè)計(jì)好的頁面拿給老師顯擺時(shí),他給了一個(gè)字的評價(jià):”俗!”然后講,”中國風(fēng)看起來的確美,但這種美很容易趨于小氣和庸俗,遠(yuǎn)不如簡單用色塊搭配出的效果?!?/p>

也是從那時(shí)候起,我開始注意色彩的搭配,也開始用這種觀點(diǎn)來把玩一些網(wǎng)頁和海報(bào)等的設(shè)計(jì)。
《甄嬛傳》再經(jīng)典,老外們也不會(huì)明白隱藏在后宮中的彎彎繞…

40個(gè)的創(chuàng)意進(jìn)度條設(shè)計(jì)

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

以前的進(jìn)度條設(shè)計(jì)以擬物化為主,現(xiàn)在扁平化風(fēng)格流行,連進(jìn)度條也改變咯。藍(lán)藍(lán)設(shè)計(jì)推薦您看看40款收集的進(jìn)度條設(shè)計(jì),很多是Dribble上的作品,應(yīng)潮流而生,想瞧瞧扁平化風(fēng)格的進(jìn)度條是怎樣的,就來看看吧。如果你對擬物化的創(chuàng)意進(jìn)度條更加有興趣,那么來這里瞧瞧《18個(gè)讀取進(jìn)度條的優(yōu)秀設(shè)計(jì)案例》

Loading 也是一門學(xué)問,如何讓用戶等待加載時(shí)不煩還高興,藍(lán)藍(lán)設(shè)計(jì)推薦您可以看看這篇:《談?wù)劶虞d(LOADING)的那點(diǎn)事》,絕對從細(xì)節(jié)處提升用戶體驗(yàn) ^_^

Progress by yasir wadood

Progress by yasir wadood in 40 Progress Bar Designs for Inspiration

Circular progress bar by Alexandr Ivanov

如何讓老客戶回來的方法

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

曾與一個(gè)哥們聊天時(shí),聊到我如何讓我的客戶經(jīng)常關(guān)注我的網(wǎng)站。這個(gè)問題也是我們的很多企業(yè)關(guān)注的事情,有些企業(yè)網(wǎng)站或產(chǎn)品網(wǎng)站回頭客只有10%-20%左右。那么我們要如何將過去的客戶重新回到網(wǎng)站上來呢?

我們需要知道老客戶的聯(lián)系信息,如電話、郵箱、IM(即時(shí)通信工具)等信息。如果沒有,就無法與客戶重新建立起聯(lián)系。從多個(gè)聯(lián)系方式中找出一種適合的聯(lián)系的方法。小維將在下面與大家分享通過郵件營銷將老客戶拉回來。

1、整理郵箱地址
我們將客戶的信息整理出來,最好是有客戶的詳細(xì)信息,如姓名、公司名稱、成為客戶的時(shí)間、郵箱等信息字段。為什么需要這些信息呢?要這些信息是在郵件內(nèi)容中能夠更好的顯示客戶的信息,讓客戶知道他們什么時(shí)候選擇了你的產(chǎn)品,讓客戶感受到你的服務(wù)。

2、制作郵件內(nèi)容
郵件內(nèi)容不是促銷、宣傳信息,是一封向老客戶問候的信息。如網(wǎng)站或產(chǎn)品有什么新的動(dòng)態(tài),活動(dòng)等,去吸引老客戶訪問你的網(wǎng)站,繼續(xù)去關(guān)注你的產(chǎn)品。郵件內(nèi)容中可以在相應(yīng)的位置加入用戶的姓名、時(shí)間等字段,讓客戶更親切的感受到你們的服務(wù)。

3、投遞郵件
投遞郵件,小維建議使用專業(yè)的郵件平臺(tái),如EasyEDM郵件營銷。為什么要選擇專業(yè)的郵件平臺(tái)呢?郵件平臺(tái)可以管理我們的客戶的地址,郵件內(nèi)容。在郵件內(nèi)容中加入其他一些輔助功能,如訂閱表單。在郵件中插入訂閱表單,讓客戶訂閱你的郵件,這樣可以知道客戶是愿意接收你的郵件。

發(fā)送郵件不是發(fā)送一次就完事了,而是一個(gè)定期持續(xù)的方式。計(jì)劃好每周或每月發(fā)一期電子郵件,與客戶之間建立起穩(wěn)定的關(guān)系。郵件營銷是一種維護(hù)老客戶最好的營銷工具之一,要運(yùn)用好郵件營銷,你就可以保證你與客戶之間的穩(wěn)定關(guān)系。

12個(gè)為iOS應(yīng)用設(shè)計(jì)提供靈感的好網(wǎng)站

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

專注于分享UI界面的細(xì)節(jié),按照設(shè)計(jì)元素進(jìn)行分類:

注意:有些網(wǎng)站需要翻墻:(

http://pttrns.com/

app1

http://www.patternsofdesign.co.uk/

app2

2012年度最佳UI動(dòng)畫

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

damndigital_beautifulpixels-best-of-2012-ui-animations_2013-01

作為一款足夠吸引人的app,驚艷的UI和優(yōu)秀的功能是基本條件,但若有獨(dú)特的動(dòng)畫與轉(zhuǎn)場效果,則可以大大的增加用戶使用的粘性,稱霸整個(gè)應(yīng)用平臺(tái)。具備了良好體驗(yàn)效果的同時(shí),有這樣一個(gè)意料之外的效果,不但會(huì)給用戶帶來驚喜,更會(huì)讓人情不自禁的愛上它。

2012年我們看到有不斷的熱門app得到細(xì)化,而一些大公司也最終意識到良好的UI對于一個(gè)app的重要性。在過去的一年里,Android應(yīng)用程序已經(jīng)得到了很大的改善,iOS則把設(shè)計(jì)范圍越推越廣。這里是一些beautifulpixels.com認(rèn)為在2012年中一些脫穎而出的UI動(dòng)畫。雖然視頻演示提供了大致的預(yù)覽,但相信如果你在手機(jī)中親自體驗(yàn)更能發(fā)現(xiàn)它們的魅力之處。

 

Google+ Animation

當(dāng)Google+開始公測時(shí),每個(gè)人都想第一個(gè)嘗鮮。然而,在Android系統(tǒng)和其他移動(dòng)應(yīng)用平臺(tái)上因缺少一個(gè)良好的app,而使得很多人因此望而卻步。Google努力優(yōu)化他們在iOS平臺(tái)推出的游戲,值得一提的是它們最近發(fā)布的app也讓人眼前一亮。

而這款Google+iOS應(yīng)用程序也顛覆了以往的設(shè)計(jì),或許會(huì)讓你愛不釋手。其中有很多獨(dú)特的動(dòng)畫設(shè)計(jì),比如,下拉刷新(pull to refresh)。當(dāng)用戶下拉時(shí),會(huì)出現(xiàn)4個(gè)不同顏色的彩帶從左至右,有節(jié)奏的從暗變亮,并拉長。同樣有趣的是,當(dāng)你滾動(dòng)到底部時(shí),載入的新內(nèi)容同樣會(huì)出現(xiàn)。從這樣的小細(xì)節(jié)中,我們看到Google的確在app的設(shè)計(jì)上注入了很多精力。就為了它的動(dòng)畫,你就值得在iOS系統(tǒng)的設(shè)備上下載Google+這個(gè)程序!

超贊!21個(gè)漂亮的App應(yīng)用網(wǎng)站

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

dd

如果我說很多iPhone應(yīng)用網(wǎng)站的設(shè)計(jì)都頗為精美,相信筒子們不會(huì)有什么意見的??磥砟切┰O(shè)計(jì)師們都敞開胸懷迎接“蘋果style”,創(chuàng)造出干凈簡約又優(yōu)雅的網(wǎng)站??刹宦?,作為一枚合格的設(shè)計(jì)師,他們才不會(huì)隨隨便便弄個(gè)網(wǎng)站展示他們的app呢,都卯足了勁設(shè)計(jì)出新穎的版式,配上美美的圖片、大量留白和恰當(dāng)?shù)淖煮w。那么今天呢我們將要帶給你的這份靈感清單就是一些絕贊的iPhone應(yīng)用網(wǎng)站啦,切克鬧~

Wedding Party

與你的客人一起,通過這簡單有趣的app捕捉并分享你婚禮中的美好瞬間。

21 Beautiful iPhone App Websites

Kelvin

iPhone上天氣應(yīng)用的全新打開方式!簡單又美膩哦~

21 Beautiful iPhone App Websites

推薦!6招教你學(xué)做餐飲美食類網(wǎng)頁設(shè)計(jì)

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

screenshot

吃貨們有福啦!今天的話題與美食有關(guān),而且是非常實(shí)在的經(jīng)驗(yàn)分享,掌握這些技巧要素。你將會(huì)學(xué)做一個(gè)餐館及飲食類網(wǎng)站。而且這類網(wǎng)站能給自由設(shè)計(jì)師提供不錯(cuò)的報(bào)酬。如果你打算進(jìn)行此類設(shè)計(jì),那么不妨花上幾分鐘,看看這篇文章,保證您有所收獲。
實(shí)踐方能得真知,本文通過大量生動(dòng)的案例來進(jìn)行深入觀察,剖析出那些餐飲類網(wǎng)頁設(shè)計(jì)的亮點(diǎn)所在。

1、圖像意味著一切

screenshot
Site: The Claw Bar

圖像意味著一切,雖然略有夸張,但是是句實(shí)在話。質(zhì)量垃圾的、丑陋的圖像雖然能在常規(guī)網(wǎng)站上將就著看,但是在餐飲類網(wǎng)頁中行不通。如果你在設(shè)計(jì)中使用了一些低劣的圖片,那么你的薪水和酬勞可能就不那么容易拿到咯。
作為餐館網(wǎng)頁的瀏覽者,用戶的主要興趣在于食物。網(wǎng)頁必須的描述菜品的外觀,因此必須要使用圖像。槽糕的食物圖片對消費(fèi)者的”殺傷力”巨大,用戶會(huì)因?yàn)閳D像效果不佳而拒絕買單。

百度知道升級該如何調(diào)整策略

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

百度更換新的“度娘”以后,動(dòng)作有一點(diǎn)大,早幾天網(wǎng)站出現(xiàn)收錄和外鏈大幅度的增長,不過這兩天都恢復(fù)正常,給了廣大的站長一個(gè)大驚喜。近日筆者又發(fā)現(xiàn)百度在知道進(jìn)行了調(diào)整。

百度知道升級調(diào)整策略

筆者做知道有4年多時(shí)間,以前回答的問題,近日出現(xiàn)大量的違規(guī)處理,比率是18%。違規(guī)的原因是回答的廣告性質(zhì)太強(qiáng),違反了百度的新規(guī)。如果你正在做問答推廣,你的賬戶上是不是也出現(xiàn)這樣的情況呢?如果沒有出現(xiàn),那恭喜你,在回答問題上符合百度知識協(xié)議。

你正在做或準(zhǔn)備做問答推廣筆者建議你所回答的問題一定要符合網(wǎng)友提的的問題,在回答問題中自然的布入你要推廣的品牌詞,或者產(chǎn)品。切記不要直接插入廣告,這樣回答遲早會(huì)受到百度的刪除。

這些被刪除的也是筆者在剛接觸網(wǎng)絡(luò)營銷時(shí),做問答推廣所回答的網(wǎng)友提問。當(dāng)時(shí)主要就是以廣告的目的回答問題,在近日百度再次更新以后,這些以廣告為目的的回答被百度知道刪除。

面對這樣情況,我們該如何調(diào)整百度問答推廣呢?下面筆者分享個(gè)人的調(diào)整策略,正確的了解網(wǎng)友的提問,以幫助網(wǎng)友的想法去解決問題、回答問題,字?jǐn)?shù)最好超過100漢字,越多越好。這樣做的目的一是可以幫助網(wǎng)友解決問題,二是易被網(wǎng)友采納并獲得良好的排名,三是不易被百度知道刪帖。

日歷

鏈接

個(gè)人資料

存檔