在網(wǎng)頁(yè)設(shè)計(jì)中，橫向和豎向的直線(xiàn)非常常見(jiàn)，利用整齊的線(xiàn)條可以打造出有序的視覺(jué)路徑以及信息層級(jí)。
當(dāng)然，有些時(shí)候，可以不按理出牌，設(shè)計(jì)一些傾斜的線(xiàn)條，讓你的網(wǎng)站不拘一格，更加與眾不同。

打破傳統(tǒng)布局，創(chuàng)造動(dòng)態(tài)的自由視感，讓構(gòu)成更加復(fù)雜——無(wú)論是利用簡(jiǎn)約的幾何圖形，或是精致的傾斜圖像。
讓你的設(shè)計(jì)更具吸引力，不妨試試斜線(xiàn)。

Paseo Itaigara

形狀感很強(qiáng)，整體設(shè)計(jì)的很成功，顯得并不雜亂。菱形無(wú)處不在，拼嵌式的菱形，裝飾性的菱形，按鈕的菱形，很好的主題一致性。

Impero

交互式網(wǎng)站，積極的氛圍、極簡(jiǎn)的色彩。設(shè)計(jì)師利用兩組對(duì)角線(xiàn)（粗細(xì)交織）打造了視覺(jué)路徑。

Alpina

強(qiáng)烈推薦！利用視覺(jué)滾錯(cuò)，加上美輪美奐的照片。來(lái)感受這趟視覺(jué)盛典吧。流暢優(yōu)美的照片美景。斜線(xiàn)分割的很巧妙（試想用直線(xiàn)風(fēng)格，效果不會(huì)這么到位）

相信每個(gè)Android新手都會(huì)遇到這個(gè)問(wèn)題，希望這篇帖子能讓你不再糾結(jié)。

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

PS用途廣泛，方法多樣。可以用不同的方法來(lái)實(shí)現(xiàn)同一種效果，有時(shí)，大家會(huì)被思維局限住，采用”最笨”的辦法完成工作。

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

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

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

單一圖層制圖，缺乏靈活性，無(wú)法針對(duì)性的做出修改。
最安全的做法是：一種效果，一個(gè)新圖層，這樣以后修改起來(lái)會(huì)非常方便。

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

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

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

蒙版僅僅會(huì)臨時(shí)隱藏選中的圖層部分，而不是性的刪除。

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

3. 點(diǎn)來(lái)點(diǎn)去（不會(huì)用快捷鍵）

4. 圖像轉(zhuǎn)換時(shí)，不利用智能對(duì)象

基于情景的消隱

這是iOS上的Chrome，有著基于情景的消隱動(dòng)效。

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

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

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

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

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

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

動(dòng)效滾動(dòng)

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

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

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

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

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

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

Contact Page from Café Evoke

Bold Contact Page from Mixd

Signup Form from Involvio Orientation

Sliding Contact Page from Whoa Nelly Catering

Submission Form from Dear Mum

Clean Contact Page from Mud

Minimal Contact Form from Eduardo Nunes

Dark Minimal Contact Form from group94

Clean Contact Form from Littlelines

Contact Form from Mostly Serious

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

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

01. Logoed

Logoed的資源庫(kù)很豐富，一定會(huì)讓你大開(kāi)眼界Logoed

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

02. Logospire

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

03. Brand New

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

04. Creattica

Creattica是個(gè)很不錯(cuò)的圖庫(kù)。盡管不是專(zhuān)門(mén)Logo的圖庫(kù)，但是有超過(guò)3000款以上的Logo設(shè)計(jì)展示。

05. Logo of the day

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

06. LogoLounge

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

07. LogoGala

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

08. LogoMoose

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

09. Logo Design Love

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

10. Logo Pond

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

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

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

來(lái)源：http://www.uisdc.com/100-things-you-should-know-about-design

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

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

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

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

Creattica – Mobile Interface

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

Lovely UI

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

Inspired UI

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

TappGala

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

MobileMozaic

MobileMozaic 是一個(gè)在線(xiàn)畫(huà)廊，iOS 應(yīng)用設(shè)計(jì)來(lái)自世界各地的最好的選擇。

評(píng)論(0) 瀏覽(4112)