男人天堂一区_超91国在线观看免费_亚洲va久久久噜噜噜无码久久_成人午夜性A级毛片免费-亚洲人成在线中文无码毛片,青青青国产依人在线观看,婷婷色香合缴缴情,国产中文字幕六九九九

首頁

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

藍藍設計的小編

QQ截圖20130428163130

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

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

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

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

40個的創(chuàng)意進度條設計

藍藍設計的小編

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

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

Progress by yasir wadood

Progress by yasir wadood in 40 Progress Bar Designs for Inspiration

Circular progress bar by Alexandr Ivanov

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

藍藍設計的小編

dd

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

Wedding Party

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

21 Beautiful iPhone App Websites

Kelvin

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

21 Beautiful iPhone App Websites

2013年10大網(wǎng)頁設計趨勢

藍藍設計的小編

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

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

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

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

響應式網(wǎng)頁設計

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

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

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

藍藍設計的小編

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

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

Supereight Studio

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

從用戶出發(fā):移動設計原則小結

藍藍設計的小編

從用戶出發(fā):移動設計原則小結

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

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

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

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

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

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

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

從用戶出發(fā) —— 移動設計原則小結

 

界面設計中需要注意的小細節(jié)

藍藍設計的小編

界面設計中的小細節(jié)

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

不妨來看本文作者,百度用戶界面設計師@JJ-Ying 為您娓娓道來:

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

那些迷人的按鈕設計

藍藍設計的小編

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

Radio fm buttons

Iphone Camera App Ui

BT UI Facelift

交互設計師必藏:50個線框圖套件和在線設計工具

藍藍設計的小編

當開始進行新項目時,一般都會起步于線框圖。本文收集了大量的線框圖設計工具和套件。
交互設計師必備哦!

推薦閱讀:
《推薦!交互細節(jié)中的那些變形金剛》 
《iOS用戶體驗設計:如何構建交互模式》 
《20個專為無線端設計提供靈感的資源站》

在線設計模板

Wirefy

以內(nèi)容優(yōu)先為原則的線框圖在線設計工具。允許你運用標準元素設計出響應式線框圖。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

網(wǎng)頁設計和界面設計的原型設計工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

誰說設計師不會寫代碼?超簡單Photoshop腳本語言介紹

藍藍設計的小編

自動化對每個設計師的工作來說是很有用的。它可以在重復的任務上節(jié)省寶貴的時間,還能夠幫我們更快捷、更容易的解決一系列問題。

你可以使用photoshop的動作來使工作流程自動化,這是很流行的,大多數(shù)人都知道并且已經(jīng)在使用的方法。今天,我們將介紹給你一種高級的自動化技巧:腳本語言。所有的這一切僅僅需要你有一點點關于JavaScript的基本知識,這對于我們中的一些網(wǎng)頁設計師往往都是具備的。

我很多年前就知道Photoshop的腳本語言,但是我?guī)讉€月前才開始決定研究它。我忽視了它是因為我認為那是聰明的具有數(shù)學思維能力的程序員的領域。但是我錯了,今天我將要來告訴大家,盡管它需要一些基本的程序技巧,腳本語言并不是那么難掌握。

但是,一開始,我們得回答以下這幾個明顯的問題:

為什么我們需要腳本語言?

為什么我們在Photoshop已經(jīng)有了很棒的動作之后還要需要學習腳本語言?答案是交互性!當你使用動作時,你不能真正的控制它在不同情況下的表現(xiàn),就像錄像帶不停的一遍又一遍的播放而沒有任何改變。

00

一個腳本語言更靈活,它表現(xiàn)形式的改變?nèi)Q于你輸入的參數(shù)或者是應用程序的內(nèi)容。聽起來很有用?不是么?

要求

你不需要是一個會寫腳本語言的高級的程序員。我就僅僅是一個平面設計師,就像你們大多數(shù)人一樣。但是你需要對JavaScript至少有一個基本的了解,以及一些屬性和方法的經(jīng)驗去領悟這篇文章的大部分內(nèi)容。

01

如果你對JavaScript一點都不了解,別害怕!有很多地方你可以了解程序的一些基本知識。例如:Codecademy,有很棒的完整的交互式課程。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.1leven.cn

存檔