91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲AV

首頁(yè)

101個(gè)鮮為人知的超實(shí)用網(wǎng)站

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

101個(gè)鮮為人知的超實(shí)用網(wǎng)站

今天要分享出來(lái)的網(wǎng)站就像水滸傳里的108個(gè)好漢一樣,個(gè)個(gè)身懷絕技,是滴!我們也做了簡(jiǎn)單的介紹,因?yàn)榫W(wǎng)站太多,就木有一一截圖,大家自行感受一下。(有幾個(gè)需翻墻)

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

01. screenr.com —— 將你在電腦上的操作錄制成影片并直接傳送到Y(jié)ouTube上。

02. bounceapp.com —— 能夠?qū)⒁粋€(gè)網(wǎng)頁(yè)進(jìn)行完整的截圖。

03. goo.gl —— 將網(wǎng)站地址進(jìn)行縮寫(xiě)并可以將網(wǎng)址轉(zhuǎn)換成二維碼。

04. untiny.me —— 找到縮寫(xiě)網(wǎng)址的原始域名。

05. localti.me —— 能查詢(xún)不只一個(gè)城市的當(dāng)?shù)貢r(shí)間。

06. copypastecharacter.com —— 復(fù)制你鍵盤(pán)上沒(méi)有的特殊字符。

07. topsy.com —— Twitter專(zhuān)用搜索引擎。

08. fb.me/AppStore —— 無(wú)需運(yùn)行iTunes就可以搜索iOS的手機(jī)應(yīng)用。

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

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

11. woorank.com —— 你想知道的關(guān)于一個(gè)網(wǎng)站的所有信息都可以在這里找到。

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

13. wolframalpha.com —— 不用搜索就可以知道問(wèn)題的答案 —— 更多信息,請(qǐng)閱讀Wolfram提示。

14. printwhatyoulike.com —— 完整的打印網(wǎng)頁(yè)。

15. joliprint.com —— 將新聞和博客內(nèi)容重新整合為報(bào)紙。

16. isnsfw.com —— 當(dāng)你想要分享18X網(wǎng)頁(yè)時(shí)為你做警示標(biāo)記。

17. e.ggtimer.com —— 一個(gè)居家常備的簡(jiǎn)易在線計(jì)時(shí)器。

18. coralcdn.org —— 如果某網(wǎng)站由于服務(wù)器太繁忙而無(wú)法訪問(wèn)的話,試試通過(guò)CDN來(lái)進(jìn)入網(wǎng)站吧。

19. random.org —— 幫你隨機(jī)挑選數(shù)字,拋硬幣~

20. mywot.com —— 測(cè)試任意網(wǎng)站的可信任指數(shù)。

21. viewer.zoho.com —— 幫你用瀏覽器來(lái)預(yù)覽PDF文件和PPT。

22. tubemogul.com —— 能同時(shí)向多個(gè)視頻網(wǎng)站上傳視頻。

23. truveo.com —— 最佳網(wǎng)絡(luò)視頻搜索。

24. scr.im —— 不用擔(dān)心垃圾郵件困擾,安全無(wú)憂(yōu)地分享你的郵件地址。

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

26. sizeasy.com —— 將任一產(chǎn)品進(jìn)行視覺(jué)化并進(jìn)行尺寸比較。

27. whatfontis.com —— 迅速通過(guò)圖片來(lái)確定字體名稱(chēng)。

28. fontsquirrel.com —— 優(yōu)質(zhì)的字體大集合 —— 免費(fèi)自用與商用。

設(shè)計(jì)師為何做不出產(chǎn)品經(jīng)理想要的設(shè)計(jì)

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

產(chǎn)品經(jīng)理設(shè)計(jì)師之間最常見(jiàn)也是最尖銳的矛盾就是,設(shè)計(jì)師把花了很多心血做出來(lái)的稿子放到產(chǎn)品經(jīng)理面前,產(chǎn)品看了一下,覺(jué)得非常陌生和超出預(yù)期,說(shuō):“這都是些什么啊”。

(- -#),(- -’),此處無(wú)聲勝有聲。倒不是說(shuō)這里面誰(shuí)對(duì)誰(shuí)錯(cuò),都挺辛苦的其實(shí),但為什么總會(huì)落得如此尷尬呢。

世上配合最好的其實(shí)就是自己的手配合自己的腦袋。腦袋怎么想,手就怎么畫(huà),畫(huà)出來(lái)的丁老頭再丑也覺(jué)得很親切,恩恩,是我的好作品(星星眼)。只是等到兩個(gè)人合作的時(shí)候,就有些麻煩了。因?yàn)?,讓?span id="niasfsh" class="wp_keywordlink_affiliate">設(shè)計(jì)師的手”精致地受控于“產(chǎn)品經(jīng)理的腦袋”,每次畫(huà)完看一看,覺(jué)得對(duì)就繼續(xù)畫(huà)、錯(cuò)就改的敏捷調(diào)控是不現(xiàn)實(shí)的。

禍起,在于一些溝通中有很多弊端,唯有解決這些問(wèn)題,才能讓團(tuán)隊(duì)和諧地高唱“同一個(gè)夢(mèng)想”。

 

一、產(chǎn)品沒(méi)有意識(shí)到要講的其實(shí)是故事

常見(jiàn)的產(chǎn)品經(jīng)理提需求的方式往往都是在需求文檔里直接寫(xiě)“在Feed上增加一個(gè)轉(zhuǎn)載按鈕,點(diǎn)擊后可以填寫(xiě)轉(zhuǎn)載理由”。這種描述方式其實(shí)已經(jīng)是一個(gè)很具象的解決方案了。然后這份包含數(shù)十條如此描述需求的文檔會(huì)被貼到內(nèi)部需求管理網(wǎng)站上,或者通過(guò)郵件發(fā)給設(shè)計(jì)師。

設(shè)計(jì)師拿到這份文檔,通常會(huì)覺(jué)得很憋屈。哎,忍忍算了,拿人錢(qián)財(cái)替人消災(zāi)。然后拿著這份需求文檔在現(xiàn)有界面上去改。但往往會(huì)發(fā)現(xiàn)產(chǎn)品說(shuō)這些具體解決方案其實(shí)在實(shí)現(xiàn)時(shí)是有很多細(xì)節(jié)沖突的。于是,設(shè)計(jì)師要先逆向YY出這個(gè)功能背后的用戶(hù)需求,然后再?lài)L試在與各種細(xì)節(jié)不沖突的夾縫中找一個(gè)新的解決方案。把這個(gè)稿子拿給產(chǎn)品看,產(chǎn)品就會(huì)楞一下,說(shuō)“這是什么…”。(- -#),(- -’)

網(wǎng)頁(yè)設(shè)計(jì)中優(yōu)化圖片的6大技巧

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

網(wǎng)頁(yè)設(shè)計(jì)中優(yōu)化圖片的6大技巧

@南辰_designer  平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)是兩個(gè)截然不同的領(lǐng)域,這兩個(gè)領(lǐng)域有不同的設(shè)計(jì)需求、設(shè)計(jì)實(shí)踐和設(shè)計(jì)方法。

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

另外,用于web端的圖形有基于它們自身的相關(guān)處理方式。其中一條便是你要時(shí)刻注意文件的大小,因?yàn)槟阈枰鼓愕木W(wǎng)頁(yè)加載越快越好。作為一名網(wǎng)頁(yè)設(shè)計(jì)師,你應(yīng)當(dāng)盡量減少HTTP對(duì)圖像的請(qǐng)求次數(shù)——無(wú)論通過(guò)減少圖片的使用數(shù)量還是將它們整合成CSS sprite——以及確保你選擇了正確的圖像格式,使其在圖像大小和質(zhì)量間得以平衡。

Photoshop是平面設(shè)計(jì)師和網(wǎng)頁(yè)設(shè)計(jì)師使用的行業(yè)標(biāo)準(zhǔn)工具。以下是你在創(chuàng)建web端使用圖像時(shí)的一些簡(jiǎn)單的小技巧。

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

在網(wǎng)頁(yè)設(shè)計(jì)中,你必須確保你的圖像大小越小越好。當(dāng)然,當(dāng)你想要圖片完好顯示時(shí)可以拋棄這條原則。
在Photoshop中創(chuàng)建圖像的完美方法便是平衡質(zhì)量與文件大小。
網(wǎng)頁(yè)設(shè)計(jì)師經(jīng)常犯的一個(gè)錯(cuò)誤便是使用“另存為”命令,而不是使用“存儲(chǔ)為Web所用格式”。

2702d5d227fdbb0be2cd35ac6a37f76f 網(wǎng)頁(yè)設(shè)計(jì)師必須知道的6個(gè)小技巧

“存儲(chǔ)為Web所用格式”可以將圖像保存成基于網(wǎng)頁(yè)設(shè)計(jì)優(yōu)化過(guò)的格式,包括圖像質(zhì)量、圖像分辨率、瀏覽器兼容性和文件大小。

這一命令會(huì)有一個(gè)對(duì)話框,你可以用來(lái)微調(diào)你的圖像。當(dāng)你調(diào)整圖像的設(shè)置時(shí),它會(huì)顯示出文件的大小和圖像的質(zhì)量。

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

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

在這篇文章中,我們展示的是一組免費(fèi)漂亮的UI設(shè)計(jì)素材套件。這些線框圖和 UI設(shè)計(jì)工具包讓設(shè)計(jì)師在設(shè)計(jì)用戶(hù)界面原型的時(shí)候能夠非常便利,希望這個(gè)集合會(huì)幫助到你的 UI 設(shè)計(jì)項(xiàng)目。

優(yōu)設(shè)11月超贊資源:
50套萬(wàn)里挑一的設(shè)計(jì)師專(zhuān)屬精華資源包
超實(shí)用的PHOTOSHOP亮度調(diào)節(jié)腳本

UI Kit

 

iPhone UI

一組啟迪設(shè)計(jì)靈感的復(fù)古風(fēng)格網(wǎng)頁(yè)作品

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

有時(shí)候一個(gè)紋理,一個(gè)文字,一張背景圖,一個(gè)顏色體系,甚至一個(gè)小圖標(biāo),都能讓頁(yè)面有復(fù)古的感覺(jué)。在這篇文章中,我們收集了許多這種風(fēng)格的頁(yè)面。如果你的下一個(gè)項(xiàng)目是需要設(shè)計(jì)出復(fù)古的感覺(jué)的話,那這篇文章可以啟發(fā)你很多的設(shè)計(jì)靈感。

相關(guān)閱讀:

復(fù)古背景下載 →漂亮的復(fù)古紋理背景素材下載
復(fù)古字體下載 → 25套復(fù)古懷舊字體打包下載
復(fù)古網(wǎng)頁(yè)欣賞 → 44個(gè)絕贊的復(fù)古風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)

Cyclemon

Ready to Inspire

十個(gè)簡(jiǎn)單好用的設(shè)計(jì)技巧

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

本文作者M(jìn)ark Praschan是一位具有將近十年經(jīng)驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)師,Web開(kāi)發(fā)師,Web項(xiàng)目經(jīng)理人。 文中強(qiáng)調(diào)復(fù)雜的高級(jí)效果能為設(shè)計(jì)增色不少,但如果用得不對(duì),只會(huì)影響用戶(hù)對(duì)重點(diǎn)內(nèi)容的關(guān)注。高級(jí)效果可能正好是一項(xiàng)好的設(shè)計(jì)的沖擊力所在,但即便如此,也還是需要一些更簡(jiǎn)單的效果與其配合。

  簡(jiǎn)單的效果和技巧是建造當(dāng)今設(shè)計(jì)的基石。比方說(shuō),如果你都不知道如何正確選擇顏色和文字效果,燦爛的 星光效果又能有什么用?

  本著“少就是多”的理念,通過(guò)十個(gè)簡(jiǎn)單好用的設(shè)計(jì)技巧 ,就足以大大提升你設(shè)計(jì)的專(zhuān)業(yè)性和感染力?;A(chǔ)先行。 學(xué)會(huì)走之前要先學(xué)會(huì)爬,讓我們從最基礎(chǔ)的簡(jiǎn)單有效設(shè)計(jì)的概念開(kāi)始。

基礎(chǔ)先行。 學(xué)會(huì)走之前要先學(xué)會(huì)爬,讓我們從最基礎(chǔ)的簡(jiǎn)單有效設(shè)計(jì)的概念開(kāi)始。

1. 增加對(duì)比

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

Screenshot

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

話說(shuō)回來(lái),這個(gè)頁(yè)面上的“More”和“Go”按鈕與周?chē)膶?duì)比度太小,即使你刻意在找也很容易被忽略掉。

Screenshot

30個(gè)“大氣高端國(guó)際化”的網(wǎng)頁(yè)設(shè)計(jì)欣賞

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

怎樣設(shè)計(jì)大氣的網(wǎng)頁(yè)

大家應(yīng)該都發(fā)現(xiàn)現(xiàn)在很多網(wǎng)站的首屏都越來(lái)越有”感覺(jué)“了,用我們經(jīng)常調(diào)侃的一句話就是高端大氣國(guó)際化,那么如何做到這一點(diǎn)呢?

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

今天我們要在這篇文章向您展示30個(gè)偉大漂亮的網(wǎng)頁(yè)例子,看看他們是如何利用首屏的橫條紋的吧,瞧瞧是不是利用此布局更有助于分解頁(yè)面引導(dǎo)用戶(hù)更好了解產(chǎn)品、愛(ài)上產(chǎn)品。

Janko At Warp Speed

View the website

Theme Trust

View the website

推薦給設(shè)計(jì)師的22個(gè)美觀實(shí)用的網(wǎng)站

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

推薦給設(shè)計(jì)師的22個(gè)美觀實(shí)用的網(wǎng)站

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

responsify

Responsify是個(gè)用于創(chuàng)建響應(yīng)式模板的瀏覽器工具。

22 Inspiring and Useful Websites

iconmonstr

你下一個(gè)項(xiàng)目就可以用的免費(fèi)簡(jiǎn)約icon。

設(shè)計(jì)師應(yīng)該知道的圖片優(yōu)化技巧

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

未標(biāo)題-333

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

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

1.JPG原理與優(yōu)化
JPG是一種對(duì)彩色或灰階之類(lèi)連續(xù)色調(diào)圖形作壓縮和解壓縮的標(biāo)準(zhǔn).這個(gè)標(biāo)準(zhǔn)是由ISO/IEC JTC1/SC29 WG10所訂定。
壓縮算法為正、反離散余弦轉(zhuǎn)換,如下圖:

正離散余弦轉(zhuǎn)換

反離散余弦轉(zhuǎn)換即把整個(gè)流程反轉(zhuǎn)。

這里的8X8像素區(qū)塊是我們JPG優(yōu)化方法的重點(diǎn),在之后會(huì)涉及到取樣區(qū)塊量化、掃描的步驟,然而取樣、區(qū)塊量化這兩個(gè)步驟將是導(dǎo)致圖像失真的過(guò)程,也是我們優(yōu)化工作所涉及到核心部分。

取樣:

應(yīng)該如何駕馭黑色?請(qǐng)看這20個(gè)強(qiáng)大的黑色系網(wǎng)站

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

瞧吧!現(xiàn)在到處都是明亮的設(shè)計(jì)照亮我們的屏幕,有時(shí)甚至亮瞎到我們的眼睛!大伙應(yīng)該都感同身受,接近節(jié)日或者年底的時(shí)候,以紅色為主色調(diào)的設(shè)計(jì)稿常??梢宰屛覀兛吹交柝?,還有那些色彩斑斕的促銷(xiāo)專(zhuān)題。

那么今天,我們要好好和大家來(lái)推薦一些低調(diào)內(nèi)涵的網(wǎng)站,而這些設(shè)計(jì)者們也正采取了與熱鬧相反的路線:但他們依然創(chuàng)造了強(qiáng)大的網(wǎng)站,通過(guò)黑暗柔和的色彩!這些設(shè)計(jì)有一種誘人的存在,它們用黑白捕捉人的記憶情感。

這篇文章我們傾力推薦了20多個(gè)美麗的黑色系網(wǎng)站,微妙的色調(diào)和戲劇性的黑白圖像一定會(huì)讓你陷入這一場(chǎng)低調(diào)奢華的視覺(jué)盛宴里,來(lái)嘗嘗吧:)

另外也希望大家?guī)е鴨?wèn)題去欣賞這些網(wǎng)站,這些設(shè)計(jì)師是如何把黑色設(shè)計(jì)的更有國(guó)際范?如果是你來(lái),布局、素材、輔助色又會(huì)怎么選用呢?

我們也為您準(zhǔn)備了其他色系的優(yōu)秀文章,推薦您也有空一起來(lái)看看喲。
《配色秘要:奢華低調(diào)有內(nèi)涵的米黃色》
《超贊!網(wǎng)頁(yè)設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁(yè)案例)》
《淺談色彩學(xué):以紅色為主的色彩配色》

 

MoreSleep

MoreSleep

Apple Mac Pro

Apple Mac Pro

Rook

日歷

鏈接

個(gè)人資料

存檔