公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

產(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í)就是自己的手配合自己的腦袋。腦袋怎么想，手就怎么畫，畫出來(lái)的丁老頭再丑也覺(jué)得很親切，恩恩，是我的好作品（星星眼）。只是等到兩個(gè)人合作的時(shí)候，就有些麻煩了。因?yàn)?，讓?span id="ccc00c8" class="wp_keywordlink_affiliate">設(shè)計(jì)師的手”精致地受控于“產(chǎn)品經(jīng)理的腦袋”，每次畫完看一看，覺(jué)得對(duì)就繼續(xù)畫、錯(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)理提需求的方式往往都是在需求文檔里直接寫“在Feed上增加一個(gè)轉(zhuǎn)載按鈕，點(diǎn)擊后可以填寫轉(zhuǎn)載理由”。這種描述方式其實(shí)已經(jīng)是一個(gè)很具象的解決方案了。然后這份包含數(shù)十條如此描述需求的文檔會(huì)被貼到內(nèi)部需求管理網(wǎng)站上，或者通過(guò)郵件發(fā)給設(shè)計(jì)師。

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

@南辰_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所用格式”。

“存儲(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ì)量。

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

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

UI Kit

iPhone UI

有時(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

本文作者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ì)影響用戶對(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ì)的專業(yè)性和感染力。基礎(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ì)比是最被忽視和棄用的技巧之一。

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

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

大家應(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)用戶更好了解產(chǎn)品、愛(ài)上產(chǎn)品。

Janko At Warp Speed

Theme Trust

我們灰常樂(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)式模板的瀏覽器工具。

iconmonstr

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

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

騰訊財(cái)付通設(shè)計(jì)中心 Jia ：提到圖片，我們不得不從位圖開(kāi)始說(shuō)起，位圖圖像(bitmap)，也稱為點(diǎn)陣圖像或繪制圖像，是由稱作像素（圖片元素）的單個(gè)點(diǎn)組成的。這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成一副圖片。當(dāng)放大位圖時(shí)，可以看見(jiàn)賴以構(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ì)彩色或灰階之類連續(xù)色調(diào)圖形作壓縮和解壓縮的標(biāo)準(zhǔn)．這個(gè)標(biāo)準(zhǔn)是由ISO/IEC JTC1/SC29 WG10所訂定。
壓縮算法為正、反離散余弦轉(zhuǎn)換，如下圖：

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

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

取樣：

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

那么今天，我們要好好和大家來(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

Apple Mac Pro

Rook

「Loading」是經(jīng)常在APP以及游戲中見(jiàn)到的，因?yàn)樾枰脩舻却?，為了避免用戶在等待的過(guò)程中退出，通常輔以進(jìn)度條告知用戶大概還有多久，但等待總是讓人不耐煩的，所以一些設(shè)計(jì)師試圖用更人性化的方式來(lái)表現(xiàn)進(jìn)度，他們將進(jìn)度條設(shè)計(jì)成各種極具創(chuàng)意與美觀的形態(tài)，讓人們更樂(lè)意欣賞進(jìn)度條的滾動(dòng)?；ò昃W(wǎng)設(shè)計(jì)師漢斯戴爾收集了上百?gòu)堖M(jìn)度條設(shè)計(jì)圖，我們從中精選了10種進(jìn)度條設(shè)計(jì)。