少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕 欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

首頁(yè)

推薦!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ù)。對(duì)于英文字體來(lái)說(shuō)可選擇的范圍實(shí)在是太廣泛了,合理的使用它們將會(huì)為你的網(wǎng)站增色不少。關(guān)于英文字體的使用和搭配技巧,在這里不做贅述,只推薦一套非常好的視頻:Fundamentals of Design by CodeSchool

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

而真正的挑戰(zhàn)在于中文字體,由于中文字體組成的特殊性導(dǎo)致其體積過(guò)于龐大,除了操作系統(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ā)展,但是在我們?cè)谠O(shè)計(jì)和桌面app開(kāi)發(fā)中仍然對(duì)其缺少精準(zhǔn)的控制和把握。還好有一系列的強(qiáng)大功能jquery插件幫助我們解決這個(gè)問(wèn)題。這篇文章詳細(xì)介紹了近10個(gè)最流行的Web字體版式插件,它們?cè)试S我們潤(rùn)色字體版式并創(chuàng)造出更多超級(jí)酷的效果。
不得不說(shuō),網(wǎng)站本身也創(chuàng)意十足,個(gè)性滿滿喲:)

Lettering.js

Lettering.js example

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

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

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

QQ截圖20130428163130

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

科普一下:神馬是Metro?Metro是由微軟公司開(kāi)發(fā)的內(nèi)部名稱為” typography-based design language”(基于排版的設(shè)計(jì)語(yǔ)言)。最早出現(xiàn)在微軟電子百科全書95,后來(lái)的產(chǎn)品如:windows媒體中心、Zune播放器都有用到這項(xiàng)技術(shù)。該技術(shù)已于2010年初(美國(guó))獲得Metro UI專利批準(zhǔn)(USPTO)如今該技術(shù)被引入到微軟開(kāi)發(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í),老師要求我們分小組開(kāi)發(fā)項(xiàng)目,理所當(dāng)然地,我擔(dān)任前端設(shè)計(jì)和開(kāi)發(fā)的工作。
當(dāng)我略微得意地把設(shè)計(jì)好的頁(yè)面拿給老師顯擺時(shí),他給了一個(gè)字的評(píng)價(jià):”俗!”然后講,”中國(guó)風(fēng)看起來(lái)的確美,但這種美很容易趨于小氣和庸俗,遠(yuǎn)不如簡(jiǎn)單用色塊搭配出的效果?!?/p>

也是從那時(shí)候起,我開(kāi)始注意色彩的搭配,也開(kāi)始用這種觀點(diǎn)來(lái)把玩一些網(wǎng)頁(yè)和海報(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)度條是怎樣的,就來(lái)看看吧。如果你對(duì)擬物化的創(chuàng)意進(jìn)度條更加有興趣,那么來(lái)這里瞧瞧《18個(gè)讀取進(jìn)度條的優(yōu)秀設(shè)計(jì)案例》

Loading 也是一門學(xué)問(wèn),如何讓用戶等待加載時(shí)不煩還高興,藍(lán)藍(lán)設(shè)計(jì)推薦您可以看看這篇:《談?wù)劶虞d(LOADING)的那點(diǎn)事》,絕對(duì)從細(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

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

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

dd

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

Wedding Party

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

21 Beautiful iPhone App Websites

Kelvin

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

21 Beautiful iPhone App Websites

2013年10大網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)

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

2013年10大網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)
TNW發(fā)布了2013年10大網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì):

1、響應(yīng)式布局盛行,即一個(gè)網(wǎng)站適配多種屏幕;
2、重視字體的選擇,使用Web字體;
3、更少的使用Flash,使用其他任何可能替代的技術(shù);
4、蘋果iOS的擬物化設(shè)計(jì)將不再時(shí)髦;
5、使用巨大的背景圖構(gòu)造大氣的視覺(jué)效果;
6、產(chǎn)品和個(gè)人介紹頁(yè)面留出更多空白;
7、更多的社交網(wǎng)絡(luò)分享入口;
8、淺色、冷色調(diào)重新成為主流;
9、移動(dòng)App將取代一部分移動(dòng)網(wǎng)頁(yè)流量;
10、內(nèi)容依舊為王;

好了,該到我們年終展望新年的時(shí)刻了。2012年我們看到一些新的設(shè)計(jì)趨勢(shì)在Web設(shè)計(jì)領(lǐng)域,特別是響應(yīng)式頁(yè)面設(shè)計(jì)。那么跟隨我們的腳步,來(lái)預(yù)測(cè)一下2013年的設(shè)計(jì)趨勢(shì)吧!

1、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)越來(lái)越被重視

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不是什么新鮮名詞了,但我們?yōu)槭裁催€有說(shuō)它呢?簡(jiǎn)單地說(shuō):響應(yīng)式設(shè)計(jì)的方法會(huì)更多且制定相應(yīng)的標(biāo)準(zhǔn)。2012年通過(guò)斷點(diǎn)的響應(yīng)式 設(shè)計(jì)類適合不同的屏幕,當(dāng)新的設(shè)備比如iPad mini沖擊足夠大的市場(chǎng)的時(shí)候,這種方式將得到改變,斷點(diǎn)可能被替換成其他實(shí)現(xiàn)方式。

我們認(rèn)為更多的網(wǎng)站設(shè)計(jì)將專注于最初的頁(yè)面設(shè)計(jì)以響應(yīng)式,而非單獨(dú)制定不同設(shè)備的模式。這種響應(yīng)式設(shè)計(jì)忘記尺寸以便支持多種設(shè)備,我們將看到更豐富的頁(yè)面設(shè)計(jì)適應(yīng)不同節(jié)點(diǎn)的設(shè)備。

21個(gè)美麗優(yōu)雅的聯(lián)系頁(yè)面欣賞

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

本周我們向您推薦這21個(gè)時(shí)尚新潮的網(wǎng)站設(shè)計(jì),它們都有非常好看的聯(lián)系頁(yè)面。
或許很多人覺(jué)得聯(lián)系頁(yè)面并不重要,但是在國(guó)外,設(shè)計(jì)師和企業(yè)團(tuán)隊(duì)是非常注重這個(gè)頁(yè)面的設(shè)計(jì)和信息展現(xiàn)的,有一個(gè)明確的方式讓人們獲得與你聯(lián)系的信息是非常重要的。
設(shè)計(jì)一個(gè)好的聯(lián)系頁(yè)能讓你與客戶更好的溝通。從咖啡館及餐館的頁(yè)面到設(shè)計(jì)工作室的頁(yè)面,我們將展示幾種不同的聯(lián)系頁(yè)。
這些設(shè)計(jì)簡(jiǎn)潔、輕便、圖文并茂并豐富多彩?,F(xiàn)在就來(lái)感受這些優(yōu)雅的頁(yè)面吧:)

相關(guān)文章推薦:
一組漂亮的婚禮相關(guān)網(wǎng)站設(shè)計(jì)欣賞
35個(gè)超贊的iOS App網(wǎng)站欣賞
70個(gè)全球最華麗的互動(dòng)型單頁(yè)網(wǎng)站欣賞

Supereight Studio

21個(gè)美麗優(yōu)雅的聯(lián)系頁(yè)面欣賞

從用戶出發(fā):移動(dòng)設(shè)計(jì)原則小結(jié)

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

從用戶出發(fā):移動(dòng)設(shè)計(jì)原則小結(jié)

藍(lán)藍(lán)設(shè)計(jì):本文作者總結(jié)了十四條關(guān)于移動(dòng)端產(chǎn)品設(shè)計(jì)的原則,其提倡的核心原則就是從用戶出發(fā),充分考慮用戶的使用體驗(yàn)。

一、充分考慮用戶的使用習(xí)慣

比如大多數(shù)人拿手機(jī)的時(shí)候是雙手握還是單手握,單手握的時(shí)候是右手操作還是左手操作,操作的時(shí)候用哪個(gè)手指就能進(jìn)行操作。考慮到用戶的使用習(xí)慣有助于在設(shè)計(jì)時(shí)避開(kāi)手指的觸碰盲區(qū)。

二、充分考慮用戶的使用場(chǎng)景和干擾源

用戶使用產(chǎn)品是在什么時(shí)間,什么地點(diǎn),什么環(huán)境下使用?譬如,用戶經(jīng)常在嘈雜的環(huán)境中使用自己的產(chǎn)品,這時(shí)候的干擾源就是噪音,產(chǎn)品設(shè)計(jì)時(shí)應(yīng)避免使用語(yǔ)音技術(shù);用戶經(jīng)常在擁擠的環(huán)境中使用產(chǎn)品,則產(chǎn)品設(shè)計(jì)時(shí)應(yīng)避免用戶過(guò)多地進(jìn)行輸入操作;用戶經(jīng)常在地鐵等網(wǎng)絡(luò)環(huán)境不好的場(chǎng)所使用產(chǎn)品,產(chǎn)品就應(yīng)該自動(dòng)保存用戶的信息,防止信息的丟失。

三、盡量減少產(chǎn)品層級(jí)

在移動(dòng)設(shè)備上,過(guò)多的層級(jí)會(huì)使用戶失去耐心而放棄對(duì)產(chǎn)品的使用。如果產(chǎn)品層級(jí)確實(shí)過(guò)深,考慮用一下幾種方法扁平化你的層級(jí)結(jié)構(gòu):使用選項(xiàng)卡(tabs)結(jié)合分類和內(nèi)容的展示;允許穿越層級(jí)操作,比如允許用戶在第一層級(jí)對(duì)第二層級(jí)的內(nèi)容進(jìn)行直接操作(新浪微博信息列表頁(yè)的長(zhǎng)按)。

從用戶出發(fā) —— 移動(dòng)設(shè)計(jì)原則小結(jié)

 

界面設(shè)計(jì)中需要注意的小細(xì)節(jié)

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

界面設(shè)計(jì)中的小細(xì)節(jié)

界面設(shè)計(jì)包括哪些細(xì)節(jié)、如何深入?
我們常說(shuō)“細(xì)節(jié)決定成敗”,有些界面會(huì)讓人覺(jué)得不精致,缺細(xì)節(jié),而這些細(xì)節(jié)又包括哪些呢?如何去深入呢?

不妨來(lái)看本文作者,百度用戶界面設(shè)計(jì)師@JJ-Ying 為您娓娓道來(lái):

  • 界面元素的對(duì)齊,我見(jiàn)過(guò)很多同學(xué)對(duì)齊是永遠(yuǎn)靠眼睛的。確實(shí)在布局的時(shí)候經(jīng)常需要做到視覺(jué)上的對(duì)齊,而不是機(jī)械的對(duì)齊,但這不是界面元素可以隨意擺放的借口,該對(duì)齊的內(nèi)容需要對(duì)齊,有時(shí)候只是舉手之勞,養(yǎng)成好習(xí)慣很重要,有點(diǎn)強(qiáng)迫癥也不是壞事情。
  • 像素,雖然現(xiàn)在的分辨率越來(lái)越高,但是很多圖標(biāo)、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會(huì)被虛化。
  • 界面光源的一致性,一致性是個(gè)很大的課題,應(yīng)該能寫一篇論文那么長(zhǎng),細(xì)節(jié)方面的一致性應(yīng)該包括界面元素、文字陰影、圖標(biāo)等的光源。假設(shè)深色的標(biāo)題文字用了向下的淡色投影表現(xiàn)內(nèi)凹效果,那正文就應(yīng)該避免用深色的文字向上投深色的陰影
  • 圖標(biāo)面積的一致性,這也是一個(gè)一直難以避免的問(wèn)題,而且有很多主觀成分,最好的方法是設(shè)計(jì)的時(shí)候放到實(shí)際屏幕上以較遠(yuǎn)的距離查看,是不是有哪些會(huì)特別輕或特別重,然后再去調(diào)整尺寸
  • 文案,雖然這不是直接的界面設(shè)計(jì)元素,但是嚴(yán)謹(jǐn)、完整的文案也是給所有設(shè)計(jì)加分的。常見(jiàn)的問(wèn)題有中文錯(cuò)別字、英文該大寫的沒(méi)大寫、拼寫錯(cuò)誤等等
  • 別直接使用 Windows 自帶宋體 / 黑體里的英文?。?!這個(gè)不解釋
  • 謹(jǐn)慎地使用高飽和度顏色、大差別漸變,我們 GUI 設(shè)計(jì)師總喜歡把自己當(dāng)做藝術(shù)家,即使 GUI 真算藝術(shù)那也是限制最大的一門藝術(shù)(天朝的電影、電視劇不算。。。),大家大部分情況下遇到的設(shè)計(jì)場(chǎng)景沒(méi)有非常大的顏色空間去發(fā)揮,所以一些醒目出跳的顏 色和漸變使用起來(lái)要比較小心,否則很容易產(chǎn)生“俗氣”的感覺(jué)

那些迷人的按鈕設(shè)計(jì)

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

按鈕是網(wǎng)頁(yè)設(shè)計(jì)最重要的組成元素之一,是用戶和網(wǎng)站進(jìn)行交互的重要橋梁。要設(shè)計(jì)出優(yōu)秀的按鈕設(shè)計(jì)是一件非常困難的事情,因?yàn)樵O(shè)計(jì)師們需要從整體設(shè)計(jì)的角度考慮按鈕設(shè)計(jì)成什么樣的風(fēng)格才能和頁(yè)面的其它部分很好的融合,同時(shí)按鈕的設(shè)計(jì)要操持風(fēng)格的一致性。下面和大家分享網(wǎng)頁(yè)設(shè)計(jì)中15個(gè)迷人的按鈕設(shè)計(jì)案例,一起欣賞。

Radio fm buttons

Iphone Camera App Ui

BT UI Facelift

日歷

鏈接

個(gè)人資料

存檔