欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

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

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

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

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

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

Lettering.js

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

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

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

藍藍設(shè)計 ：2012年7月，在大連中軟實訓基地學習時，老師要求我們分小組開發(fā)項目，理所當然地，我擔任前端設(shè)計和開發(fā)的工作。
當我略微得意地把設(shè)計好的頁面拿給老師顯擺時，他給了一個字的評價：”俗！”然后講，”中國風看起來的確美，但這種美很容易趨于小氣和庸俗，遠不如簡單用色塊搭配出的效果。”

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

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

Loading 也是一門學問，如何讓用戶等待加載時不煩還高興，藍藍設(shè)計推薦您可以看看這篇：《談談加載(LOADING)的那點事》，絕對從細節(jié)處提升用戶體驗 ^_^

Progress by yasir wadood

Circular progress bar by Alexandr Ivanov

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

Wedding Party

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

Kelvin

你iPhone上天氣應用的全新打開方式！簡單又美膩哦~

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

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

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

1、響應式網(wǎng)頁設(shè)計越來越被重視

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

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

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

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

Supereight Studio

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

一、充分考慮用戶的使用習慣

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

二、充分考慮用戶的使用場景和干擾源

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

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

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

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

不妨來看本文作者，百度用戶界面設(shè)計師@JJ-Ying 為您娓娓道來：

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

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

Radio fm buttons

Iphone Camera App Ui

BT UI Facelift