女人国产香蕉久久精品-精品国产自在久久现线拍-9RE久精品视频在线观看国产香蕉视频在线播放-天天综合网国产-91二三四成人网-日韩乱码

首頁

android中px、dp和sp,這些單位有什么區(qū)別?

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

相信每個Android新手都會遇到這個問題,希望這篇帖子能讓你不再糾結(jié)。

px:

即像素,1px代表屏幕上一個物理的像素點(diǎn);

px單位不被建議使用,因?yàn)橥瑯?00px的圖片,在不同手機(jī)上顯示的實(shí)際大小可能不同,如下圖所示。

dp:

這個是最常用但也最難理解的尺寸單位。它與“像素密度”密切相關(guān),所以首先我們解釋一下什么是像素密度。假設(shè)有一部手機(jī),屏幕的物理尺寸為1.5英寸x2英寸,屏幕分辨率為240x320,則我們可以計(jì)算出在這部手機(jī)的屏幕上,每英寸包含的像素點(diǎn)的數(shù)量為240/1.5=160dpi(橫向)或320/2=160dpi(縱向),160dpi就是這部手機(jī)的像素密度,像素密度的單位dpi是Dots Per Inch的縮寫,即每英寸像素?cái)?shù)量。橫向和縱向的這個值都是相同的,原因是大部分手機(jī)屏幕使用正方形的像素點(diǎn)。

不同的手機(jī)/平板可能具有不同的像素密度,例如同為4寸手機(jī),有480x320分辨率的也有800x480分辨率的,前者的像素密度就比較低。Android系統(tǒng)定義了四種像素密度:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi),它們對應(yīng)的dp到px的系數(shù)分別為0.75、1、1.5和2,這個系數(shù)乘以dp長度就是像素?cái)?shù)。例如界面上有一個長度為“100dp”的圖片,那么它在240dpi的手機(jī)上實(shí)際顯示為80x1.5=120px,在320dpi的手機(jī)上實(shí)際顯示為80x2=160px。如果你拿這兩部手機(jī)放在一起對比,會發(fā)現(xiàn)這個圖片的物理尺寸“差不多”,這就是使用dp作為單位的效果,見下圖。

超贊!設(shè)計(jì)師完全自學(xué)指南

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

超贊!設(shè)計(jì)師完全自學(xué)指南

本文譯自國外高質(zhì)量問答社區(qū)Quora,原文作者Karen X. Cheng,原是微軟Excel的項(xiàng)目經(jīng)理,后通過自學(xué)轉(zhuǎn)型成為設(shè)計(jì)師。她講述的自學(xué)過程詳實(shí)細(xì)致且條理有序,讀完會發(fā)現(xiàn)與想象中的大不一樣,對于想自學(xué)設(shè)計(jì)但迷茫不知道從何入手的童鞋來說,可以遵循她的步驟去學(xué)習(xí),除了規(guī)劃得當(dāng),還能對設(shè)計(jì)有一個全局的了解 : )

做設(shè)計(jì)很慢?先來改正你使用PS的10個壞習(xí)慣

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

PS用途廣泛,方法多樣??梢杂貌煌姆椒▉韺?shí)現(xiàn)同一種效果,有時,大家會被思維局限住,采用”最笨”的辦法完成工作。

本文,便是面對這一問題,羅列出PS使用中的10條壞習(xí)慣,相信只要克服這10個壞習(xí)慣,你的工作會更有效率。

1. 在單一圖層內(nèi)工作

盡管有很多教程講述單圖層打造xxx效果,大家不妨學(xué)習(xí)一下作為練習(xí),掌握一下思路即可。
但是在工作中,這種習(xí)慣可真不好。

單一圖層制圖,缺乏靈活性,無法針對性的做出修改。
最安全的做法是:一種效果,一個新圖層,這樣以后修改起來會非常方便。

10 bad habits

無論如何,在工作中都盡可能的使用多個圖層,編輯更起來有效率,組織也更分明。
當(dāng)然也有牛人,完全在一個圖層實(shí)現(xiàn)很復(fù)雜的。譬如這篇《PS教程!教你用一個圖層制作相機(jī)圖標(biāo)》。

2. 直接刪除內(nèi)容,而不使用蒙版

這個非常常見。刪除和擦除圖層內(nèi)容幾乎是不可逆的,是一種破壞性的編輯方式。其實(shí)不如利用PS的像素蒙版、矢量蒙版、剪貼蒙版來”屏蔽”內(nèi)容。

蒙版僅僅會臨時隱藏選中的圖層部分,而不是性的刪除。

10 bad habits

記住咯,盡量使用蒙版,盡量少用刪除。

3. 點(diǎn)來點(diǎn)去(不會用快捷鍵)

20120711134546_vaEEM
 

4. 圖像轉(zhuǎn)換時,不利用智能對象

掌握動效設(shè)計(jì)!讓你的設(shè)計(jì)富有未來科技感(上)

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

掌握動效設(shè)計(jì)!讓你的設(shè)計(jì)富有未來時尚科技感

為何有的產(chǎn)品、服務(wù)特別受歡迎?

是因?yàn)檫@些產(chǎn)品、服務(wù)在內(nèi)容、外觀、設(shè)計(jì)、可用性、功能等方面具有無可匹敵的優(yōu)勢。其實(shí),所有的這些層面都屬于交互設(shè)計(jì)的細(xì)節(jié),其中一個關(guān)鍵點(diǎn)便是動效。

本文將介紹幾種常見的動效模式(用GIF圖演示),分析一下為何這些簡單的設(shè)計(jì)模式在實(shí)際應(yīng)用中能夠奏效。
當(dāng)我們設(shè)計(jì)數(shù)碼產(chǎn)品時,我們一般用PS或者Sketch這種設(shè)計(jì)軟件來進(jìn)行設(shè)計(jì)。

了解設(shè)計(jì)的人明白這樣一個道理:設(shè)計(jì)不光只是視覺表達(dá)。設(shè)計(jì)也不應(yīng)該是靜態(tài)的。喬布斯說過這樣一句話:

設(shè)計(jì)并非外觀怎樣,感覺如何。核心在于,它是怎樣工作的。

影響用戶對產(chǎn)品的體驗(yàn)與印象的因素有很多,交互在其中扮演著關(guān)鍵性角色。我們不能再簡單的把用戶界面當(dāng)成一種靜態(tài)界面而設(shè)計(jì)。我們應(yīng)該順應(yīng)互聯(lián)網(wǎng)動態(tài)的本質(zhì),打造更加動態(tài)的圖形用戶界面。
好了,廢話不多說,我們來看看,什么叫做更智能的交互、更精致的動效。看看這些設(shè)計(jì)模式是怎樣提高用戶體驗(yàn)的。

動效滾動

超鏈接是互聯(lián)網(wǎng)的雙刃劍,當(dāng)你點(diǎn)擊鏈接時,你可以在互聯(lián)網(wǎng)中任意遨游,隨心所欲。

可是過度自由好嗎?不見得,比方說你在瀏覽一款精美的產(chǎn)品頁面,然后你點(diǎn)擊了一下頁面中的鏈接,突然導(dǎo)入了一款令人毛骨悚然的木偶商店頁面。這就是超鏈接的弊端,有時候的頁面轉(zhuǎn)換太突然,缺少過度,讓用戶一時不能接受。

我們可以看看書籍的用戶體驗(yàn):故事發(fā)展一般是線性的,每一章都和上文有所聯(lián)系。想要閱讀第二章,必須先閱讀第一章,以便大致了解書中的環(huán)境與人物關(guān)系。如果你”跳章”閱讀,不可避免的會錯過一些關(guān)鍵劇情,因此無法理解有些內(nèi)容。

在網(wǎng)頁設(shè)計(jì)中,同理,尤其是那種內(nèi)容比較大,頁面比較長得網(wǎng)站,這種情況經(jīng)常無意識的發(fā)生:用戶會錯過之前的某些關(guān)鍵內(nèi)容,而且又缺少提示,因此很難理解當(dāng)前內(nèi)容,通過添加動效滾動,可以修正這一問題。

告別平庸!新穎的表單設(shè)計(jì)賞析

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

一般來說,網(wǎng)頁設(shè)計(jì)師都極少關(guān)注表單設(shè)計(jì),這使得大多數(shù)表單看起來都差不多,普通至極,毫無特色。本文中的這些案例化腐朽為神奇,將枯燥的表單頁面設(shè)計(jì)的多姿多彩。一起來看一下吧。

還記得那篇備受好評的《向左走、向右走?表單元素設(shè)計(jì)大揭密》嗎?讓很多網(wǎng)頁設(shè)計(jì)師第一次認(rèn)識到表單設(shè)計(jì)的一些魔鬼細(xì)節(jié)。那么今天再來看看實(shí)際中的一些新穎案例吧。本文收集了一大批優(yōu)秀的聯(lián)系表單設(shè)計(jì),希望對你有所啟發(fā)。

Contact Page from Café Evoke

Contact Page from Café Evoke

Bold Contact Page from Mixd

Bold Contact Page from Mixd

Signup Form from Involvio Orientation

Signup Form from Involvio Orientation

Sliding Contact Page from Whoa Nelly Catering

Sliding Contact Page from Whoa Nelly Catering

Submission Form from Dear Mum

Submission Form from Dear Mum

Clean Contact Page from Mud

Clean Contact Page from Mud

Minimal Contact Form from Eduardo Nunes

Minimal Contact Form from Eduardo Nunes

Dark Minimal Contact Form from group94

Dark Minimal Contact Form from group94

Clean Contact Form from Littlelines

Clean Contact Form from Littlelines

Contact Form from Mostly Serious

Contact Form from Mostly Serious

還在為設(shè)計(jì)LOGO犯愁?來看看這10個LOGO資源站

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

想要提高Logo設(shè)計(jì)技巧嗎?來看看這些的Logo設(shè)計(jì)資源網(wǎng)吧,你會找到很多靈感和借鑒之處。
網(wǎng)絡(luò)中資源無窮無盡,我們可以在其中找到很多Logo設(shè)計(jì)的法門。但是,有時候”亂花漸欲迷人眼”,太多了反而不好進(jìn)行選擇,

因此,我們?yōu)槟暨x了一些的Logo設(shè)計(jì)資源網(wǎng)站,希望對你有所幫助。

01. Logoed

Logo design resources

Logoed的資源庫很豐富,一定會讓你大開眼界Logoed

是一個展示Logo設(shè)計(jì)的博客。這個網(wǎng)站已經(jīng)有十年的歷史了,有著豐富的Logo設(shè)計(jì)文章資料庫。布局簡潔,縮略圖垂直排布,能方便用戶進(jìn)行瀏覽。

02. Logospire

Logo design resources

如果你在苦苦尋找靈感, Logospire是個不錯的選擇,網(wǎng)格式布局非常簡潔,導(dǎo)航易用。Logospire允許設(shè)計(jì)師在每一款設(shè)計(jì)的子頁面進(jìn)行評論、交流。細(xì)節(jié)豐富。

03. Brand New

Logo design resources

Brand New提供了很多品牌標(biāo)志設(shè)計(jì)的理念。也提供了很多Logo設(shè)計(jì)的趨勢、建議以及案例展示。

04. Creattica

Logo design resources

Creattica是個很不錯的圖庫。盡管不是專門Logo的圖庫,但是有超過3000款以上的Logo設(shè)計(jì)展示。

05. Logo of the day

Logo design resources

每日Logo靈感獵取 Logo of the day 是平面設(shè)計(jì)師 Jacob Cass2008年創(chuàng)立的網(wǎng)站,目的很簡單,為設(shè)計(jì)師提供每日Logo設(shè)計(jì)靈感。

06. LogoLounge

logo resources

內(nèi)含超過175000例的Logo設(shè)計(jì)LogoLounge是很不錯的資源網(wǎng)站,無論是做Logo研究、討論還是靈感獲取,都可以在這里找到你想要的東西。

07. LogoGala

logo resources

想要得到Logo設(shè)計(jì)的深度觀察?來LogoGala吧 LogoGala。設(shè)計(jì)師最喜歡的Logo設(shè)計(jì)博客之一,深度解釋、展示Logo設(shè)計(jì)

08. LogoMoose

logo resources

在LogoMoose上分析你的理念和創(chuàng)意。LogoMoose在線Logo設(shè)計(jì)社區(qū),展示世界各地的優(yōu)秀Logo設(shè)計(jì)作品。設(shè)計(jì)師可以在這里展示自己的作品并獲得反饋。

09. Logo Design Love

logo resources

由平面設(shè)計(jì)師David Airey創(chuàng)立Logo Design Love 致力于Logo和品牌標(biāo)志設(shè)計(jì),一般每周更新一到兩次。而且布局很棒,很方便就能找到所需信息。

10. Logo Pond

logo resources

在Logo Pond上找到當(dāng)下網(wǎng)絡(luò)上最棒的Logo設(shè)計(jì).Logo Pond 理念分析與靈感收集的場所。

靈感!一組手機(jī)LOGO設(shè)計(jì)

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

移動至上是當(dāng)今的大背景。交互設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)都不得不顧慮手機(jī)的”感受”,移動互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn),而有關(guān)移動端的Logo怎么設(shè)計(jì)?看看這里吧。

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

8個獲取手機(jī)應(yīng)用程序設(shè)計(jì)靈感的網(wǎng)站

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

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.freegoal.net  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   

曾經(jīng),CSS 畫廊非常流行,網(wǎng)頁設(shè)計(jì)師們會定期訪問這些網(wǎng)站獲取靈感?,F(xiàn)在仍然可以方便迅速找到令人興奮的東西(例如 Dribbble 和 Behance 對設(shè)計(jì)有很大的幫助)。

對于移動應(yīng)用程序設(shè)計(jì),存在類似的畫廊,我相信他們會更加有用。這是因?yàn)槿绻话惭b移動應(yīng)用程序,靈感更難獲得,也更需要時間和努力。這12個畫廊有很多漂亮的應(yīng)用程序用戶界面,并進(jìn)行了很好的分類。趕緊收藏吧!

優(yōu)設(shè)好文:
強(qiáng)烈推薦!你應(yīng)該到這里尋找網(wǎng)頁設(shè)計(jì)靈感

Creattica – Mobile Interface

Creattica 是一個靈感畫廊,展示最好的網(wǎng)站設(shè)計(jì),標(biāo)志設(shè)計(jì),平面設(shè)計(jì),攝影,作品。

Creattica - Mobile Interface

Lovely UI

收集各種移動界面元素,啟動畫面,按鈕,導(dǎo)航,通知等等各種組件的設(shè)計(jì)。

lovely_ui

Inspired UI

設(shè)計(jì)精美的應(yīng)用程序的集合,iphone, android, flat ui, mobile ui。

Inspired UI

TappGala

TappGala,展示最佳的移動界面設(shè)計(jì)作品,趕緊收藏吧。

TappGala

MobileMozaic

MobileMozaic 是一個在線畫廊,iOS 應(yīng)用設(shè)計(jì)來自世界各地的最好的選擇。

評論(0) 瀏覽(3881)

超贊的IPHONE6概念設(shè)計(jì)欣賞

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

一如往常,設(shè)計(jì)師們會對自己希望或者是預(yù)期見到的東西做一個原型設(shè)想,這些iPhone6概念就是其中的一個原型。不過,關(guān)于這些獨(dú)特的設(shè)計(jì)有些東西不得不說。

那么新iPhone理念中與眾不同的東西是什么呢?大家能注意的最矚目的就是它在外觀上像極了iPhone5,但是屏幕一直環(huán)繞到手機(jī)邊緣。我個人認(rèn)為這種設(shè)計(jì)非常簡潔,但是從實(shí)用性的角度來說,在使用上這個設(shè)計(jì)未必會很好。不過這一點(diǎn)也恰恰是一直以來我所談到的用戶體驗(yàn)主張。

大家可以從下面的圖片中看到,一些設(shè)計(jì)者把那個空間用于小按鍵的社交媒體,其他的空間則延續(xù)了他們界面的漂亮背景。這種手機(jī)邊側(cè)延伸非常符合審美,雖然讓如此狹小細(xì)長尷尬的空間派上更大的用場實(shí)在難之又難。

效果圖片

因?yàn)榕渖袦嘏募t色基調(diào),整個上面的界面非常豐富。頂上的背景極為有趣,很好的應(yīng)用了不同顏色配搭撞擊出來的效果??吹剿?,你便會被深深吸引??偟膩碚f這個界面并沒有太過的地方,因?yàn)槌艘粋€簡單的三角形標(biāo)志,一個標(biāo)題和一個訂閱按鈕再沒有其他東西了。


這張圖片展示的是不同尋常的twitter界面,但是它和ios7的設(shè)計(jì)風(fēng)格保持一致。大家可以看到twitter app的功能是一樣的,但是嶄新的涂漆讓它看上去像蘋果自己的新設(shè)計(jì)一樣。這張圖片很不錯,我尤為喜歡那些小巧的解說箭頭,它們增添了些許設(shè)計(jì)觸感。你是不是也這樣覺得呢?

日歷

鏈接

個人資料

存檔