日本一区二区三区在线播放-国产视频一-美女黄网站成人免费视频-奇米中文字幕-日本少妇xxxxx-九九精品99-国产人碰人摸人爱视频-欧美亚洲网站-国产艳妇av在线-在线av网站-久久a久久-可以免费看黄色的网站-国产视频一二-在线播放视频高清在线观看-男人的天堂av网站-久久一二三区-欧美日韩综合一区二区

首頁(yè)

實(shí)戰(zhàn)經(jīng)驗(yàn)!如何做好網(wǎng)頁(yè)后臺(tái)的表單和表格設(shè)計(jì)?

濤濤

一個(gè)完整的后臺(tái),由菜單/導(dǎo)航、數(shù)據(jù)/圖形展示、表格、表單、控件/組件以及彈窗等構(gòu)成,下面跟大家分享后臺(tái)中的表格和表單的設(shè)計(jì)細(xì)節(jié)。

當(dāng)接到一個(gè)全新的網(wǎng)頁(yè)后臺(tái)項(xiàng)目時(shí),首先確定設(shè)計(jì)風(fēng)格,然后考慮這個(gè)后臺(tái)尺寸是做居中固定式,還是全屏響應(yīng)式。全屏響應(yīng)式的網(wǎng)頁(yè)設(shè)計(jì),除非有規(guī)定,否則你可以選擇任意主流尺寸作為基尺寸來(lái)設(shè)計(jì)網(wǎng)頁(yè)。當(dāng)然,不管選擇什么尺寸,都得基于做好一個(gè)后臺(tái)而開(kāi)展工作。

24個(gè)容易忽略的APP設(shè)計(jì)細(xì)節(jié)

濤濤

隨著移動(dòng)優(yōu)先的趨勢(shì),APP的設(shè)計(jì)也越來(lái)越受到公司重視,不斷地提高APP的設(shè)計(jì)質(zhì)量是每個(gè)設(shè)計(jì)師的追求,有哪些設(shè)計(jì)中的細(xì)節(jié)被你忽略了呢?讓我們一起來(lái)看看這些細(xì)節(jié)你都把握住了嗎。

視覺(jué)表現(xiàn)型問(wèn)題

暑期干貨!2017年8月前端開(kāi)發(fā)者超實(shí)用干貨大合集

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

在過(guò)去的幾年當(dāng)中,網(wǎng)絡(luò)上所流傳的各種設(shè)計(jì)和開(kāi)發(fā)資源,在素質(zhì)上有明顯的提升。其中有一些已經(jīng)幾乎成為了設(shè)計(jì)師和開(kāi)發(fā)者必備的工具,但是其中絕大多數(shù)由于其應(yīng)用范疇的局限,或者傳播不夠廣,導(dǎo)致它們大多并廣為人知。將這些素材集中到一起,很大程度上是希望它們的目標(biāo)用戶(hù)能夠明白,需要這些工具的時(shí)候,上哪兒找。

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

MuzzleApp

Muzzle 是之前 CodeKit 的開(kāi)發(fā)者的新產(chǎn)品,是一款應(yīng)用在macOS 平臺(tái)的應(yīng)用,當(dāng)你和別人共享屏幕的時(shí)候,它可以幫你關(guān)閉通知和其他的私密信息,避免尷尬。無(wú)論你共享屏幕時(shí)候的平臺(tái)是Skype、Google Hangouts 還是 Slack,它都能讓macOS 進(jìn)入“免打擾”模式。

Fractures

Fractures 是一個(gè)CSS類(lèi) 合集,可以幫你快速創(chuàng)建網(wǎng)頁(yè)原型。Fractures 是基于原子設(shè)計(jì)模式來(lái)構(gòu)建的,樣式表被分割為小段。

CSS DB

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

Preact

Apache 最近宣布禁止將 BSD+專(zhuān)利許可證分發(fā)給 ReactJS 和類(lèi)似的項(xiàng)目,如果你的產(chǎn)品受到類(lèi)似的專(zhuān)利許可證的影響,可以考慮 Preact 這樣的 ReactJS替代品。

Pell

Pell 是一款用來(lái)構(gòu)建所見(jiàn)即所得編輯器的JavaScript 庫(kù),默認(rèn)情況下,它會(huì)帶有常見(jiàn)的富文本編輯器的按鈕。Pell 是使用ES6來(lái)構(gòu)建,它不會(huì)像jQuery 那樣需要大量的依賴(lài)庫(kù),體積小巧,可維護(hù)性強(qiáng),還兼容 IE9。

Markvis

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

Moment PHP

Moment 是一款 PHP 庫(kù),用來(lái)處理日期和時(shí)間,類(lèi)似于 Moment.js 之于 JavaScript。這個(gè)庫(kù)的使用也很簡(jiǎn)單,可以快速設(shè)置時(shí)區(qū)、時(shí)間和顯示方式。

Tonik

這是一款使用現(xiàn)代PHP來(lái)構(gòu)建的Wordpress 新手主題,它充分利用了命名空間,自定義模板,自動(dòng)加載器,WebPack 以及一大堆現(xiàn)代Web開(kāi)發(fā)的優(yōu)點(diǎn)。

Awesome Guidelines

這是一個(gè)包含了許多編程語(yǔ)言標(biāo)準(zhǔn)的列表,其中包含了C語(yǔ)言,JS,PHP,Ruby,甚至包括Visual Basic。這些標(biāo)準(zhǔn)能夠幫你的代碼保持簡(jiǎn)潔、干凈。

BotUI

聊天機(jī)器人已經(jīng)逐漸成為主流。這款 JS 庫(kù)能夠幫你構(gòu)建對(duì)話(huà)式UI,這個(gè)庫(kù)比起傳統(tǒng)的“表單”體驗(yàn)更加優(yōu)秀。

Reaction Commerce

開(kāi)源的內(nèi)容管理系統(tǒng)這些年變化并不大,其中絕大多數(shù)都是基于PHP來(lái)構(gòu)建的。

TinyReset

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

Martinet

Martinet 是一款用來(lái)構(gòu)建靜態(tài)網(wǎng)站的命令行工具,其中包含了諸如 Webpack、TypeScript、Pug for templating、LESS和 NPM 這樣的現(xiàn)代工具。它的存在讓設(shè)計(jì)者不用擔(dān)心網(wǎng)站配置,只需要正常使用 Martinet 就能對(duì)網(wǎng)站進(jìn)行調(diào)整。

Billboard

BillboardJS 是一款基于 D3.js 來(lái)構(gòu)建的交互式數(shù)據(jù)可視化數(shù)據(jù)庫(kù)工具,它可以用來(lái)創(chuàng)建可視化的柱狀圖,餅圖,折線(xiàn)圖等。

SVGI

SVGI 是一款用來(lái)查找SVG元素和文件的命令行工具,安裝它之后,你可以采用svgi 命令來(lái)檢索 SVG 文檔的大小、元素、層次結(jié)構(gòu)和節(jié)點(diǎn)列表。

TimeStrap

TimeStrap 是另外一個(gè)非常實(shí)用的開(kāi)源平臺(tái),它可以像 WordPress 一樣可以在任何地方運(yùn)行和訪(fǎng)問(wèn)的發(fā)票系統(tǒng)。對(duì)于喜歡自己控制而不希望使用外部服務(wù)來(lái)管理發(fā)票的用戶(hù)而言,這是一個(gè)很好的選擇。

Slate

Slate 是一款為API 文檔創(chuàng)建靜態(tài)網(wǎng)頁(yè)的工具,諸如 WooCommerce、Travis-、CoinBase甚至 NASA 都采用了這一工具。

FontJoy

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

CoolHue

毫無(wú)疑問(wèn)漸變色再一次回歸主流,而CoolHue 是另外一款非常優(yōu)秀的漸變色生成工具。

FrontPress

FrontPress 是一款前端框架,可用來(lái)控制 WP-API 和 AngularJS。如果你想創(chuàng)建一款用于 WordPress 的內(nèi)容管理系統(tǒng),可以從 FrontPress 著手。

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

需求分析:我走過(guò)最長(zhǎng)的路,就是需求的套路

濤濤

作為一名產(chǎn)品經(jīng)理,有幸逃過(guò)UI “五彩斑斕的黑”這樣的千古難題,也不像開(kāi)發(fā)一樣面臨“什么是最好的語(yǔ)言”這樣的靈魂拷問(wèn),但世事無(wú)完美,不信抬頭看,蒼天饒過(guò)誰(shuí)。

需求,正是這樣的終極存在,他是產(chǎn)品經(jīng)理存在的意義,也是眾多套路的根源。無(wú)論是文能提筆寫(xiě)文檔、武能調(diào)試查異常的老司機(jī),還是熟讀《夢(mèng)的解析》、倒背需求層次論的學(xué)院派,和需求打交道的日子也難免“被套路”。

面對(duì)千變?nèi)f化的需求,也許很難抽象出一套普適的方法論,不妨一起來(lái)看看需求分析過(guò)程中的那些常見(jiàn)套路,或許能有一些值得借鑒和思考。

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

從交互細(xì)節(jié)優(yōu)化到業(yè)務(wù)流程調(diào)整,我們總會(huì)遇到這樣一些需求:描述簡(jiǎn)單明了、細(xì)節(jié)清晰,幾乎稍作整理就可以形成PRD、開(kāi)發(fā)實(shí)施:

  • “輸入框需要加長(zhǎng)一點(diǎn),保證輸入內(nèi)容完整可見(jiàn)”
  • “工單需要支持批量分配,勾選后自動(dòng)顯示可分配對(duì)象列表”
  • “用戶(hù)注冊(cè)推送新手任務(wù)提醒,引導(dǎo)完善資料,必填項(xiàng)有XXX……”

內(nèi)容遷移到移動(dòng)端時(shí),用戶(hù)體驗(yàn)優(yōu)化的7個(gè)關(guān)鍵點(diǎn)

濤濤

好的設(shè)計(jì)往往需要好的內(nèi)容作為基礎(chǔ)支撐。無(wú)論是內(nèi)容還是設(shè)計(jì),想要讓兩者最大化的搭配,往往是需要進(jìn)行調(diào)整和優(yōu)化才行。

當(dāng)你的內(nèi)容需要遷移到移動(dòng)端上的時(shí)候,要怎么讓內(nèi)容和用戶(hù)體驗(yàn)無(wú)縫地配合起來(lái)呢?設(shè)計(jì)師要基于小屏幕的交互來(lái)思考整個(gè)設(shè)計(jì)和優(yōu)化的策略,而今天的文章,就為你分享7個(gè)設(shè)計(jì)技巧。

1、每屏完成一項(xiàng)任務(wù)

超實(shí)用!體驗(yàn)設(shè)計(jì)師如何自建知識(shí)體系?

濤濤

為什么?

我們有這樣的焦慮,其實(shí)是因?yàn)槲覀儗?duì)交互知識(shí)的整個(gè)體系無(wú)法預(yù)估(事實(shí)上設(shè)計(jì)的高度非標(biāo)準(zhǔn)性也令我們無(wú)法感知整個(gè)知識(shí)體系的邊界,事實(shí)上它本身也沒(méi)邊界),所以導(dǎo)致我們常常不夠安心。

事實(shí)上,知識(shí)學(xué)習(xí)本身就有一條學(xué)習(xí)曲線(xiàn):剛開(kāi)始是成長(zhǎng)期,隨后就是平穩(wěn)期,然后就進(jìn)入瓶頸期,需要學(xué)得更深,否則只會(huì)一直停滯。越到瓶頸期,越不知道要學(xué)什么。

用品牌基因法做圖標(biāo)設(shè)計(jì),高級(jí)UI設(shè)計(jì)師才會(huì)的手法?。▽?shí)戰(zhàn)篇)

濤濤

1. 收到任務(wù)

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

嘿嘿!一套天氣圖標(biāo)。

認(rèn)真的構(gòu)思中…..

2. 找參考

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

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

手機(jī)QQ里的注冊(cè)那些事兒

濤濤

QQ作為一個(gè)連接人、內(nèi)容與生活的社交平臺(tái),其注冊(cè)帳號(hào)將是我們產(chǎn)品中非常重要的一環(huán)?;?span lang="EN-US">Mobile端與Pc端的區(qū)別,我們?cè)谑謾C(jī)版QQ的設(shè)計(jì)上要求更輕、更快、更便捷的給用戶(hù)下發(fā)QQ號(hào)。目前手機(jī)版QQ的用戶(hù)量覆蓋率已達(dá)8億以上,所以現(xiàn)有新QQ號(hào)的注冊(cè)情況多為已有號(hào)碼登錄情況下的小號(hào)注冊(cè)。所以如何幫助用戶(hù)快速注冊(cè)新QQ號(hào),并且使用戶(hù)在流程中獲得良好的用戶(hù)體驗(yàn)就是我們思考的問(wèn)題。

1 簡(jiǎn)化流程

1)   分布注冊(cè)

分步注冊(cè)是什么?它指的是在注冊(cè)頁(yè)面上,一個(gè)頁(yè)面只專(zhuān)注于一個(gè)信息的提交,分步驟地去讓用戶(hù)完成整個(gè)流程。相反,非分步注冊(cè)則指的是在一個(gè)長(zhǎng)頁(yè)面上完成多個(gè)信息的填寫(xiě),最終提交注冊(cè)一個(gè)帳號(hào)。

選擇極簡(jiǎn)主義風(fēng)格做設(shè)計(jì),不是沒(méi)有道理

濤濤

關(guān)于極簡(jiǎn)主義

實(shí)際上極簡(jiǎn)主義這個(gè)詞在人類(lèi)活動(dòng)的各個(gè)領(lǐng)域中都被地使用著,Merriam-Webster 詞典種對(duì)于它的解釋是“在音樂(lè)、文學(xué)和設(shè)計(jì)領(lǐng)域中以極其平衡簡(jiǎn)潔而著稱(chēng)的一種風(fēng)格或技術(shù)”。極簡(jiǎn)主義正在被越來(lái)越多的領(lǐng)域所接納,其核心的特征是簡(jiǎn)約而富有意義。

作為一種視覺(jué)設(shè)計(jì)的新方向,極簡(jiǎn)主義在20世紀(jì)60年代的紐約很受歡迎,當(dāng)時(shí)的新老藝術(shù)家正在探索將抽象幾何元素融入繪畫(huà)和雕塑藝術(shù)。相應(yīng)的,極簡(jiǎn)主義在當(dāng)時(shí)的諸如包豪斯運(yùn)動(dòng)、建構(gòu)主義運(yùn)動(dòng)中,留下了濃墨重彩的一筆。在涉及視覺(jué)藝術(shù)的不同領(lǐng)域,極簡(jiǎn)主義的核心原則基本都是優(yōu)雅地保留關(guān)鍵性的、引起觀(guān)者注意力的部分。線(xiàn)條、形狀、色彩、留白、構(gòu)圖等一切元素都被有效地組織起來(lái)。今天我們?cè)谏畹母鱾€(gè)領(lǐng)域都可以看得到極簡(jiǎn)主義的影子:建筑、藝術(shù)、攝影、文學(xué)、音樂(lè)、UI設(shè)計(jì),甚至食物。

可視化系統(tǒng)搭建 遇見(jiàn)大數(shù)據(jù)可視化系列文章之四

濤濤

如何搭建數(shù)據(jù)可視化系統(tǒng),用豐富的設(shè)計(jì)語(yǔ)言清晰表達(dá)復(fù)雜和龐大數(shù)據(jù),并形成鮮明的設(shè)計(jì)風(fēng)格?我們把數(shù)據(jù)可視化的元素進(jìn)行拆分并建立相應(yīng)的規(guī)范體系。

圖表設(shè)計(jì)

1. 圖表基本類(lèi)型

六種基本圖表涵蓋了大部分圖表使用場(chǎng)景,也是做數(shù)據(jù)可視化最常用的圖表類(lèi)型:

柱狀圖   分類(lèi)照片照片什么照片什么什么項(xiàng)目之間的比較;

餅圖   構(gòu)成即部分占總體的比例;

折線(xiàn)圖   隨時(shí)間變化的趨勢(shì);

條形圖   分類(lèi)照片照片什么照片什么什么項(xiàng)目之間的比較;

散點(diǎn)圖   相關(guān)性或分布關(guān)系;

地圖   區(qū)域之間的分類(lèi)照片照片什么照片什么什么比較。

基本圖表類(lèi)型都有通用的樣式,不過(guò)多的展開(kāi)講解我們更多的考慮如何選擇常用圖表來(lái)呈現(xiàn)數(shù)據(jù),達(dá)到數(shù)據(jù)可視化的目標(biāo)基本方法:

日歷

鏈接

個(gè)人資料

存檔

湄潭县| 阿城市| 四子王旗| 三门峡市| 新蔡县| 通辽市| 武陟县| 巴南区| 龙井市| 靖州| 安吉县| 涡阳县| 西和县| 吴江市| 若尔盖县| 克什克腾旗| 汝州市| 内江市| 阿图什市| 木兰县| 海林市| 汤原县| 蕲春县| 历史| 陕西省| 锦州市| 兴安盟| 新建县| 曲麻莱县| 广宁县| 承德市| 绥滨县| 独山县| 南皮县| 凌源市| 新和县| 巨鹿县| 滦南县| 温州市| 榆社县| 鄄城县|