无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

首頁

暑期干貨!2017年8月前端開發者超實用干貨大合集

濤濤

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

在過去的幾年當中,網絡上所流傳的各種設計和開發資源,在素質上有明顯的提升。其中有一些已經幾乎成為了設計師和開發者必備的工具,但是其中絕大多數由于其應用范疇的局限,或者傳播不夠廣,導致它們大多并廣為人知。將這些素材集中到一起,很大程度上是希望它們的目標用戶能夠明白,需要這些工具的時候,上哪兒找。

這次的前端干貨合集內容也很齊全,仔細看看,總能找到幾款你所需要的。

MuzzleApp

Muzzle 是之前 CodeKit 的開發者的新產品,是一款應用在macOS 平臺的應用,當你和別人共享屏幕的時候,它可以幫你關閉通知和其他的私密信息,避免尷尬。無論你共享屏幕時候的平臺是Skype、Google Hangouts 還是 Slack,它都能讓macOS 進入“免打擾”模式。

Fractures

Fractures 是一個CSS類 合集,可以幫你快速創建網頁原型。Fractures 是基于原子設計模式來構建的,樣式表被分割為小段。

CSS DB

CSS DB 能為你列舉出還在不斷開發中的CSS特性列表以及目前的狀態,讓你可以更好地使用CSS選擇器。

Preact

Apache 最近宣布禁止將 BSD+專利許可證分發給 ReactJS 和類似的項目,如果你的產品受到類似的專利許可證的影響,可以考慮 Preact 這樣的 ReactJS替代品。

Pell

Pell 是一款用來構建所見即所得編輯器的JavaScript 庫,默認情況下,它會帶有常見的富文本編輯器的按鈕。Pell 是使用ES6來構建,它不會像jQuery 那樣需要大量的依賴庫,體積小巧,可維護性強,還兼容 IE9。

Markvis

Markdown 在語法和功能上是有限制的,而Markvis 在它的基礎上增加了圖表的功能。

Moment PHP

Moment 是一款 PHP 庫,用來處理日期和時間,類似于 Moment.js 之于 JavaScript。這個庫的使用也很簡單,可以快速設置時區、時間和顯示方式。

Tonik

這是一款使用現代PHP來構建的Wordpress 新手主題,它充分利用了命名空間,自定義模板,自動加載器,WebPack 以及一大堆現代Web開發的優點。

Awesome Guidelines

這是一個包含了許多編程語言標準的列表,其中包含了C語言,JS,PHP,Ruby,甚至包括Visual Basic。這些標準能夠幫你的代碼保持簡潔、干凈。

BotUI

聊天機器人已經逐漸成為主流。這款 JS 庫能夠幫你構建對話式UI,這個庫比起傳統的“表單”體驗更加優秀。

Reaction Commerce

開源的內容管理系統這些年變化并不大,其中絕大多數都是基于PHP來構建的。

TinyReset

這是一款非常小巧的 CSS resetter,它可以作為 Eric Meyer 所創建的reset.css的替代品。

Martinet

Martinet 是一款用來構建靜態網站的命令行工具,其中包含了諸如 Webpack、TypeScript、Pug for templating、LESS和 NPM 這樣的現代工具。它的存在讓設計者不用擔心網站配置,只需要正常使用 Martinet 就能對網站進行調整。

Billboard

BillboardJS 是一款基于 D3.js 來構建的交互式數據可視化數據庫工具,它可以用來創建可視化的柱狀圖,餅圖,折線圖等。

SVGI

SVGI 是一款用來查找SVG元素和文件的命令行工具,安裝它之后,你可以采用svgi 命令來檢索 SVG 文檔的大小、元素、層次結構和節點列表。

TimeStrap

TimeStrap 是另外一個非常實用的開源平臺,它可以像 WordPress 一樣可以在任何地方運行和訪問的發票系統。對于喜歡自己控制而不希望使用外部服務來管理發票的用戶而言,這是一個很好的選擇。

Slate

Slate 是一款為API 文檔創建靜態網頁的工具,諸如 WooCommerce、Travis-、CoinBase甚至 NASA 都采用了這一工具。

FontJoy

FontJoy 是一款能夠生成大量有效字體組合的工具,點擊“Generate”按鈕就能生成許多新的字體組合。有趣的地方在于,這款工具還有具備深度學習的功能。

CoolHue

毫無疑問漸變色再一次回歸主流,而CoolHue 是另外一款非常優秀的漸變色生成工具。

FrontPress

FrontPress 是一款前端框架,可用來控制 WP-API 和 AngularJS。如果你想創建一款用于 WordPress 的內容管理系統,可以從 FrontPress 著手。

藍藍設計www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

需求分析:我走過最長的路,就是需求的套路

濤濤

作為一名產品經理,有幸逃過UI “五彩斑斕的黑”這樣的千古難題,也不像開發一樣面臨“什么是最好的語言”這樣的靈魂拷問,但世事無完美,不信抬頭看,蒼天饒過誰。

需求,正是這樣的終極存在,他是產品經理存在的意義,也是眾多套路的根源。無論是文能提筆寫文檔、武能調試查異常的老司機,還是熟讀《夢的解析》、倒背需求層次論的學院派,和需求打交道的日子也難免“被套路”。

面對千變萬化的需求,也許很難抽象出一套普適的方法論,不妨一起來看看需求分析過程中的那些常見套路,或許能有一些值得借鑒和思考。

1. 披著需求外衣的解決方案

從交互細節優化到業務流程調整,我們總會遇到這樣一些需求:描述簡單明了、細節清晰,幾乎稍作整理就可以形成PRD、開發實施:

  • “輸入框需要加長一點,保證輸入內容完整可見”
  • “工單需要支持批量分配,勾選后自動顯示可分配對象列表”
  • “用戶注冊推送新手任務提醒,引導完善資料,必填項有XXX……”

內容遷移到移動端時,用戶體驗優化的7個關鍵點

濤濤

好的設計往往需要好的內容作為基礎支撐。無論是內容還是設計,想要讓兩者最大化的搭配,往往是需要進行調整和優化才行。

當你的內容需要遷移到移動端上的時候,要怎么讓內容和用戶體驗無縫地配合起來呢?設計師要基于小屏幕的交互來思考整個設計和優化的策略,而今天的文章,就為你分享7個設計技巧。

1、每屏完成一項任務

超實用!體驗設計師如何自建知識體系?

濤濤

為什么?

我們有這樣的焦慮,其實是因為我們對交互知識的整個體系無法預估(事實上設計的高度非標準性也令我們無法感知整個知識體系的邊界,事實上它本身也沒邊界),所以導致我們常常不夠安心。

事實上,知識學習本身就有一條學習曲線:剛開始是成長期,隨后就是平穩期,然后就進入瓶頸期,需要學得更深,否則只會一直停滯。越到瓶頸期,越不知道要學什么。

用品牌基因法做圖標設計,高級UI設計師才會的手法!(實戰篇)

濤濤

1. 收到任務

我們每天都可能收到不同的設計任務,作為設計師,順利的完成這些任務是我們最基本的能力,那我們今天要講的任務是什么呢?

嘿嘿!一套天氣圖標。

認真的構思中…..

2. 找參考

算了,還是先看看別人都是怎么做的吧!

我找了一堆參考,隨機選幾個展示下,如下圖(圖片采集于花瓣網):

手機QQ里的注冊那些事兒

濤濤

QQ作為一個連接人、內容與生活的社交平臺,其注冊帳號將是我們產品中非常重要的一環。基于Mobile端與Pc端的區別,我們在手機版QQ的設計上要求更輕、更快、更便捷的給用戶下發QQ號。目前手機版QQ的用戶量覆蓋率已達8億以上,所以現有新QQ號的注冊情況多為已有號碼登錄情況下的小號注冊。所以如何幫助用戶快速注冊新QQ號,并且使用戶在流程中獲得良好的用戶體驗就是我們思考的問題。

1 簡化流程

1)   分布注冊

分步注冊是什么?它指的是在注冊頁面上,一個頁面只專注于一個信息的提交,分步驟地去讓用戶完成整個流程。相反,非分步注冊則指的是在一個長頁面上完成多個信息的填寫,最終提交注冊一個帳號。

選擇極簡主義風格做設計,不是沒有道理

濤濤

關于極簡主義

實際上極簡主義這個詞在人類活動的各個領域中都被地使用著,Merriam-Webster 詞典種對于它的解釋是“在音樂、文學和設計領域中以極其平衡簡潔而著稱的一種風格或技術”。極簡主義正在被越來越多的領域所接納,其核心的特征是簡約而富有意義。

作為一種視覺設計的新方向,極簡主義在20世紀60年代的紐約很受歡迎,當時的新老藝術家正在探索將抽象幾何元素融入繪畫和雕塑藝術。相應的,極簡主義在當時的諸如包豪斯運動、建構主義運動中,留下了濃墨重彩的一筆。在涉及視覺藝術的不同領域,極簡主義的核心原則基本都是優雅地保留關鍵性的、引起觀者注意力的部分。線條、形狀、色彩、留白、構圖等一切元素都被有效地組織起來。今天我們在生活的各個領域都可以看得到極簡主義的影子:建筑、藝術、攝影、文學、音樂、UI設計,甚至食物。

可視化系統搭建 遇見大數據可視化系列文章之四

濤濤

如何搭建數據可視化系統,用豐富的設計語言清晰表達復雜和龐大數據,并形成鮮明的設計風格?我們把數據可視化的元素進行拆分并建立相應的規范體系。

圖表設計

1. 圖表基本類型

六種基本圖表涵蓋了大部分圖表使用場景,也是做數據可視化最常用的圖表類型:

柱狀圖   分類照片照片什么照片什么什么項目之間的比較;

餅圖   構成即部分占總體的比例;

折線圖   隨時間變化的趨勢;

條形圖   分類照片照片什么照片什么什么項目之間的比較;

散點圖   相關性或分布關系;

地圖   區域之間的分類照片照片什么照片什么什么比較。

基本圖表類型都有通用的樣式,不過多的展開講解我們更多的考慮如何選擇常用圖表來呈現數據,達到數據可視化的目標基本方法:

專業科班系列!如何快速提高你的版式設計水平?

濤濤

@乘與九設計:學習版式設計就是學習如何處理信息重點,因為在任何設計中,最重要的信息需要首先被注意到,然后是次要信息。下面介紹幾種適用性強的區分層次的手法給大家。

在開始設計之前,關鍵要先梳理好哪些是重點信息,哪些是次要信息。接著就是要講重點放在什么位置,是標題,內容,還是圖片。這些信息的重點就是版式的層次結構。一旦確立好層次結構,接下來就是靠常用的視覺形式來處理即可,例如通過字距,筆畫粗細,顏色,以及字體等等。方法如下:

1.  添加垂直空白空間

用騰訊這個套路,幫你設計好看又好賣的企業產品官網

濤濤

魚小干:在談到企業產品的營銷時(本文中提到的“企業產品”是指“給企業客戶使用的軟件/應用”),一種觀點認為客戶肯定是靠線下推廣來獲取的,另一種觀點認為應該讓用戶主動購買而不是被動推銷,持這種觀點的公司尤其重視通過產品官網來獲客。無論持哪種觀點,不可否認的是官網是客戶對你產品的第一印象,很多潛在客戶在購買之前都是先通過官網來了解產品的。然而很多公司在產品官網設計這件事上投入的精力還不及線下推廣的萬分之一,有的只把官網當作擺設,粗制濫造套個模板結束,甚至還忽略了移動端適配。

作為企業產品的設計師,我們要如何設計好看又好賣的產品官網,有沒有一些套路可循?

企業產品官網的作用是傳達信息和促進轉化。傳達信息是告訴訪客這款產品是什么/能為你公司做什么/為什么值得我購買,再配合一些增強說服力的手段來促進轉化——將盡量多的訪客(潛在客戶)轉化為注冊用戶并最終完成購買。按照用戶瀏覽網站的順序,有以下5大設計要點:

  1. 善用首屏大圖吸引視線
  2. 銷售主張明確傳達產品價值
  3. 合理的導航方便訪客獲取信息
  4. 無處不在的CTA推動轉化
  5. 客戶案例增強信任感

日歷

鏈接

個人資料

藍藍設計的小編 http://www.gyxygd.cn

存檔