他的龙根本太大了_动漫美女被吸乳视频漫画_欧美xxxx性疯狂bbbb_天天看天天爽天天摸天天添

首頁

巧奪天工!50枚來自Behance、DRIBBBLE的超精致圖標

藍藍設計的小編

自從蘋果iOS系統推出后,擬物化圖標設計逐漸風靡全球(好吧!讓我們暫時別提iOS7的扁平風),隨著技術發展,設計師們也越來越厲害,圖標做得愈加精致。如果你是一個移動界面設計師,或者你對圖標設計感興趣,那就千萬不要錯過接下來的這50枚精致圖標!希望它們能給你帶來創意與靈感。

多嘗試,多練習,多模仿,你也可以的!
PS+AI制作精致可愛的毛線風格圖標
在PHOTOSHOP中創建精細的工具圖標

Minion App Icon by CreativeDash

iOS Icon by Eugene Zolotco


101個鮮為人知的超實用網站

藍藍設計的小編

101個鮮為人知的超實用網站

今天要分享出來的網站就像水滸傳里的108個好漢一樣,個個身懷絕技,是滴!我們也做了簡單的介紹,因為網站太多,就木有一一截圖,大家自行感受一下。(有幾個需翻墻)

這里列出了許多鮮為人知的好網站,還有那些大家知道卻常常被遺忘的網站。
這些網站中,大部分都在某一個領域非常專業,并且都擁有非常簡單的網址,你可以省略搜索的步驟,輕松將他們記在心里。

01. screenr.com —— 將你在電腦上的操作錄制成影片并直接傳送到YouTube上。

02. bounceapp.com —— 能夠將一個網頁進行完整的截圖。

03. goo.gl —— 將網站地址進行縮寫并可以將網址轉換成二維碼。

04. untiny.me —— 找到縮寫網址的原始域名。

05. localti.me —— 能查詢不只一個城市的當地時間。

06. copypastecharacter.com —— 復制你鍵盤上沒有的特殊字符。

07. topsy.com —— Twitter專用搜索引擎。

08. fb.me/AppStore —— 無需運行iTunes就可以搜索iOS的手機應用。

09. iconfinder.com ——在這里可以找到圖標的所有尺寸。

10. office.com —— 下載辦公文件的模板、剪貼畫以及圖片。

11. woorank.com —— 你想知道的關于一個網站的所有信息都可以在這里找到。

12. virustotal.com —— 對任何可疑的文件或者郵件附件進行病毒掃描。

13. wolframalpha.com —— 不用搜索就可以知道問題的答案 —— 更多信息,請閱讀Wolfram提示。

14. printwhatyoulike.com —— 完整的打印網頁。

15. joliprint.com —— 將新聞和博客內容重新整合為報紙。

16. isnsfw.com —— 當你想要分享18X網頁時為你做警示標記。

17. e.ggtimer.com —— 一個居家常備的簡易在線計時器。

18. coralcdn.org —— 如果某網站由于服務器太繁忙而無法訪問的話,試試通過CDN來進入網站吧。

19. random.org —— 幫你隨機挑選數字,拋硬幣~

20. mywot.com —— 測試任意網站的可信任指數。

21. viewer.zoho.com —— 幫你用瀏覽器來預覽PDF文件和PPT。

22. tubemogul.com —— 能同時向多個視頻網站上傳視頻。

23. truveo.com —— 最佳網絡視頻搜索。

24. scr.im —— 不用擔心垃圾郵件困擾,安全無憂地分享你的郵件地址。

25. spypig.com —— 從今往后在你的郵箱里查看收據吧~

26. sizeasy.com —— 將任一產品進行視覺化并進行尺寸比較。

27. whatfontis.com —— 迅速通過圖片來確定字體名稱。

28. fontsquirrel.com —— 優質的字體大集合 —— 免費自用與商用。

設計師為何做不出產品經理想要的設計

藍藍設計的小編

產品經理設計師之間最常見也是最尖銳的矛盾就是,設計師把花了很多心血做出來的稿子放到產品經理面前,產品看了一下,覺得非常陌生和超出預期,說:“這都是些什么啊”。

(- -#),(- -’),此處無聲勝有聲。倒不是說這里面誰對誰錯,都挺辛苦的其實,但為什么總會落得如此尷尬呢。

世上配合最好的其實就是自己的手配合自己的腦袋。腦袋怎么想,手就怎么畫,畫出來的丁老頭再丑也覺得很親切,恩恩,是我的好作品(星星眼)。只是等到兩個人合作的時候,就有些麻煩了。因為,讓“設計師的手”精致地受控于“產品經理的腦袋”,每次畫完看一看,覺得對就繼續畫、錯就改的敏捷調控是不現實的。

禍起,在于一些溝通中有很多弊端,唯有解決這些問題,才能讓團隊和諧地高唱“同一個夢想”。

 

一、產品沒有意識到要講的其實是故事

常見的產品經理提需求的方式往往都是在需求文檔里直接寫“在Feed上增加一個轉載按鈕,點擊后可以填寫轉載理由”。這種描述方式其實已經是一個很具象的解決方案了。然后這份包含數十條如此描述需求的文檔會被貼到內部需求管理網站上,或者通過郵件發給設計師。

設計師拿到這份文檔,通常會覺得很憋屈。哎,忍忍算了,拿人錢財替人消災。然后拿著這份需求文檔在現有界面上去改。但往往會發現產品說這些具體解決方案其實在實現時是有很多細節沖突的。于是,設計師要先逆向YY出這個功能背后的用戶需求,然后再嘗試在與各種細節不沖突的夾縫中找一個新的解決方案。把這個稿子拿給產品看,產品就會楞一下,說“這是什么…”。(- -#),(- -’)

網頁設計中優化圖片的6大技巧

藍藍設計的小編

網頁設計中優化圖片的6大技巧

@南辰_designer  平面設計和網頁設計是兩個截然不同的領域,這兩個領域有不同的設計需求、設計實踐和設計方法。

例如,在網頁設計中更常使用基于像素或柵格的文件格式,諸如JPG、GIF或PNG。相反,在平面設計領域像logo這樣的圖形可能會用到不同尺寸,因此使用最多的格式則是EPS和AI這樣的矢量格式。然而,用于網頁的矢量格式,如SVG或HTML5 Canvas則不能廣泛應用,也不會被所有瀏覽器所支持。

另外,用于web端的圖形有基于它們自身的相關處理方式。其中一條便是你要時刻注意文件的大小,因為你需要使你的網頁加載越快越好。作為一名網頁設計師,你應當盡量減少HTTP對圖像的請求次數——無論通過減少圖片的使用數量還是將它們整合成CSS sprite——以及確保你選擇了正確的圖像格式,使其在圖像大小和質量間得以平衡。

Photoshop是平面設計師和網頁設計師使用的行業標準工具。以下是你在創建web端使用圖像時的一些簡單的小技巧。

1. 將圖片保存成Web所用格式

在網頁設計中,你必須確保你的圖像大小越小越好。當然,當你想要圖片完好顯示時可以拋棄這條原則。
在Photoshop中創建圖像的完美方法便是平衡質量與文件大小。
網頁設計師經常犯的一個錯誤便是使用“另存為”命令,而不是使用“存儲為Web所用格式”。

2702d5d227fdbb0be2cd35ac6a37f76f 網頁設計師必須知道的6個小技巧

“存儲為Web所用格式”可以將圖像保存成基于網頁設計優化過的格式,包括圖像質量、圖像分辨率、瀏覽器兼容性和文件大小。

這一命令會有一個對話框,你可以用來微調你的圖像。當你調整圖像的設置時,它會顯示出文件的大小和圖像的質量。

不容錯過!20套新鮮出爐的Web+Mobile PSD素材下載

藍藍設計的小編

在這篇文章中,我們展示的是一組免費漂亮的UI設計素材套件。這些線框圖和 UI設計工具包讓設計師在設計用戶界面原型的時候能夠非常便利,希望這個集合會幫助到你的 UI 設計項目。

優設11月超贊資源:
50套萬里挑一的設計師專屬精華資源包
超實用的PHOTOSHOP亮度調節腳本

UI Kit

 

iPhone UI

一組啟迪設計靈感的復古風格網頁作品

藍藍設計的小編

有時候一個紋理,一個文字,一張背景圖,一個顏色體系,甚至一個小圖標,都能讓頁面有復古的感覺。在這篇文章中,我們收集了許多這種風格的頁面。如果你的下一個項目是需要設計出復古的感覺的話,那這篇文章可以啟發你很多的設計靈感。

相關閱讀:

復古背景下載 →漂亮的復古紋理背景素材下載
復古字體下載 → 25套復古懷舊字體打包下載
復古網頁欣賞 → 44個絕贊的復古風格網頁設計

Cyclemon

Ready to Inspire

十個簡單好用的設計技巧

藍藍設計的小編

本文作者Mark Praschan是一位具有將近十年經驗的網頁設計師,Web開發師,Web項目經理人。 文中強調復雜的高級效果能為設計增色不少,但如果用得不對,只會影響用戶對重點內容的關注。高級效果可能正好是一項好的設計的沖擊力所在,但即便如此,也還是需要一些更簡單的效果與其配合。

  簡單的效果和技巧是建造當今設計的基石。比方說,如果你都不知道如何正確選擇顏色和文字效果,燦爛的 星光效果又能有什么用?

  本著“少就是多”的理念,通過十個簡單好用的設計技巧 ,就足以大大提升你設計的專業性和感染力。基礎先行。 學會走之前要先學會爬,讓我們從最基礎的簡單有效設計的概念開始。

基礎先行。 學會走之前要先學會爬,讓我們從最基礎的簡單有效設計的概念開始。

1. 增加對比

很可惜,添加額外的對比是最被忽視和棄用的技巧之一。

Screenshot

Joost de Valk 采用了細的高對比度邊線,讓訪客能更容易區分頁面的不同區域。在上圖中放大了的部分,你可以看到,大多數時候這種對比只是一條1像素的高亮線挨著1像素的暗線。

話說回來,這個頁面上的“More”和“Go”按鈕與周圍的對比度太小,即使你刻意在找也很容易被忽略掉。

Screenshot

30個“大氣高端國際化”的網頁設計欣賞

藍藍設計的小編

怎樣設計大氣的網頁

大家應該都發現現在很多網站的首屏都越來越有”感覺“了,用我們經常調侃的一句話就是高端大氣國際化,那么如何做到這一點呢?

大家不妨打開支付寶、財付通等網站瞧瞧,不難發現規律:1、在首屏一條大橫紋上下功夫,區分下方的輔助信息;2、看上去更有人性(有人物素材出現在首屏),配合產品的精彩實物截圖。3、溫暖的色調、能烘托出產品氣質的色彩。4、簡要的產品描述文案。5、點擊欲望更強的(橙、綠)大按鈕。6、盡可能多的高斯模糊。

今天我們要在這篇文章向您展示30個偉大漂亮的網頁例子,看看他們是如何利用首屏的橫條紋的吧,瞧瞧是不是利用此布局更有助于分解頁面引導用戶更好了解產品、愛上產品。

Janko At Warp Speed

View the website

Theme Trust

View the website

推薦給設計師的22個美觀實用的網站

藍藍設計的小編

推薦給設計師的22個美觀實用的網站

我們灰常樂意每周在網頁設計佳作列表中展現設計精美的網站,不斷為你提供靈感。而今天我們打算另辟蹊徑,為網頁設計師收集了既能提供設計靈感又實用的優秀案例,與過往選擇單一”主題”的例子有所不同。我們將為你呈現不同的工具和技術分享網站,可讓你在得到靈感的同時還能發現不錯的工具或服務。在這篇文章中你將看到22個美觀又實用的網站,全部都不容錯過哦親!

responsify

Responsify是個用于創建響應式模板的瀏覽器工具。

22 Inspiring and Useful Websites

iconmonstr

你下一個項目就可以用的免費簡約icon。

設計師應該知道的圖片優化技巧

藍藍設計的小編

未標題-333

前言:該文收集了前輩們的一些關于圖片優化的技巧,在此收攏到一起,對于各個方法的優化原理做了一些研究,希望能給大家對于圖片優化這一塊起到拋磚引玉的作用。

騰訊財付通設計中心 Jia :提到圖片,我們不得不從位圖開始說起,位圖圖像(bitmap),也稱為點陣圖像或繪制圖像,是由稱作像素(圖片元素)的單個點組成的。這些點可以進行不同的排列和染色以構成一副圖片。當放大位圖時,可以看見賴以構成整個圖像的無數單個方塊。
常見的格式中JPG、PNG、GIF亦屬于位圖,所以它們的數據結構大致相同,只是每一種圖片格式都有不同的壓縮算法,不同的掃描方式,但是優化的方法都有一個共同點,都是圍繞著每個像素顏色值來下手,具體如何進行優化呢?
下面來給大家介紹一下圖片的一些基本原理和優化的方法:

1.JPG原理與優化
JPG是一種對彩色或灰階之類連續色調圖形作壓縮和解壓縮的標準.這個標準是由ISO/IEC JTC1/SC29 WG10所訂定。
壓縮算法為正、反離散余弦轉換,如下圖:

正離散余弦轉換

反離散余弦轉換即把整個流程反轉。

這里的8X8像素區塊是我們JPG優化方法的重點,在之后會涉及到取樣區塊量化、掃描的步驟,然而取樣區塊量化這兩個步驟將是導致圖像失真的過程,也是我們優化工作所涉及到核心部分。

取樣:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.ssll180.com

存檔