国产亚洲精品中文带字幕21页_国产一级无码Av片在线观看_国产性色强伦免费视频_国产深夜激情一区二区

11年資深技術(shù)開發(fā)經(jīng)驗專業(yè)提供

無錫網(wǎng)站建設(shè)

,微信小程序開發(fā)
網(wǎng)站建設(shè)資訊

創(chuàng)新不是改變世界,而是不再重復(fù)昨天

當(dāng)前位置:首頁 > 建站資訊 > 建站知識

設(shè)計師對可擴(kuò)展設(shè)計工具的探索

發(fā)布日期:2015-10-22   閱讀:3180次

【譯者注】人們普遍認(rèn)為,流程和工具不重要,重要的是想法和思路。話雖如此,不過我認(rèn)為流程和工具也能反映一個設(shè)計師的設(shè)計態(tài)度以及個人思維方式。那些愿意折騰愿意改變的設(shè)計師,在接受新的設(shè)計思想和趨勢時往往更容易適應(yīng)。本文作者Benjamin Berger是一名來自法國的交互設(shè)計師,文中他介紹了常用的設(shè)計工具并找出了這些工具協(xié)同時的弊端,提出了自己基于原子設(shè)計思維之上的進(jìn)一步想法,你愿意和他一起探討嗎?

要是我們把2015年叫做設(shè)計工具井噴之年,應(yīng)該不會有多大異議吧。

數(shù)據(jù)證明,目前大約34.7%(超過三分之一)的Medium文章與設(shè)計工具有關(guān)。但人們?nèi)匀涣?xí)慣使用靜態(tài)圖形工具來制作界面。當(dāng)依舊使用本地存儲照片,每次設(shè)計都重新制作每個組件時,我無法理解程序員只寫下三行代碼然后不斷使用真實數(shù)據(jù)衍生出其它模式的行為…

以下是我常用的設(shè)計工具:

Sketch:常用來制作線框、界面,偶爾繪制圖形。 Illustrator & Photoshop:用作圖標(biāo)設(shè)計、圖形繪制、照片編輯等,但凡不適合用Sketch處理的都會考慮它倆。 Invision:用來制作簡單的線框原型。 Principle & After Effect:用來制作交互復(fù)雜的原型。(Principle仍在內(nèi)測,公開后你會得到更多關(guān)于這個工具的信息) Zeplin:用以輔助設(shè)計師和前端開發(fā)的協(xié)同配合。

我認(rèn)為Sketch與Zeplin之間依然有很大的空隙等待填補(bǔ)。

從創(chuàng)意到產(chǎn)品開發(fā)會經(jīng)歷數(shù)個階段,一旦概念設(shè)計和線框完成之后,就需要考慮視覺定義了。主要頁面的布局與視覺風(fēng)格需要反復(fù)嘗試才能找出較適合目標(biāo)用戶,并且能從競品中脫穎而出的一套。

我將之稱為創(chuàng)意階段。Sketch的故事板特別好用,你能快速的設(shè)計稿之間進(jìn)行迭代,嘗試不同的圖形、按鈕、字體,放在一起依次查看。

直到進(jìn)入下一步:產(chǎn)出階段。

之所以叫做產(chǎn)出階段是因為此時已完成了視覺定義,確定了字體、顏色、布局、形狀等元素,接下來就是產(chǎn)出數(shù)頁高精度視覺稿,即大家熟知的首頁、設(shè)置、好友列表、個人資料、關(guān)注、啟動頁等等。我習(xí)慣戴上耳機(jī)聽著音樂來搞定它們。

那么問題來了

從單一頁面開始完成所有的頁面設(shè)計,不僅花費(fèi)了很多時間,而且很易消耗腦細(xì)胞。設(shè)計師青睞的Sketch對于這類批量產(chǎn)出類的工作無能為力。

更糟糕的是,有時即使尚未定義視覺語言,依舊需要設(shè)計這些頁面,在已有項目上設(shè)計新的功能,或是將當(dāng)前項目交接給后續(xù)的設(shè)計師。

2015年,我依舊嘗試不同的工具組合并將其規(guī)則記錄下來。

編程思維

當(dāng)被問到是否會寫代碼時,我回答:“不會,但略懂一些代碼原理。”

對我來說,弄明白我的設(shè)計如何以技術(shù)方式實現(xiàn)特別重要,因為它不僅讓我設(shè)計出比較可行的產(chǎn)品,也能提升創(chuàng)意能力。

我學(xué)會了Javascript的基礎(chǔ)和PHP/Mysql的邏輯,還會一點(diǎn)兒HTML/CSS。

我習(xí)慣頻繁的與開發(fā)團(tuán)隊溝通,從而理解他們的工作內(nèi)容。我知道iPhone的應(yīng)用是由很多不同視圖組成,數(shù)據(jù)如何遷徙轉(zhuǎn)移,我該如何圖形化的表達(dá)它們。

這些讓我從圖形元素的結(jié)構(gòu)視角去看待一個產(chǎn)品,不是以代碼編輯器的模糊印象去揣摩實現(xiàn)方式,而是像一個超大謎題一樣抽絲剝繭的理解它們是如何構(gòu)建和相互影響的。

原子設(shè)計思維

一旦你以編程思維開始思考設(shè)計時,你開始剖析產(chǎn)品的每個圖形要素,這就是被稱作原子設(shè)計的思維。

簡單說,像字體、圖片、圖標(biāo)或者按鈕等每一個物體都稱作原子。

1

然后原子們可以組成分子,正如細(xì)胞(列表條目)一般。

2

一堆細(xì)胞變成一個組織,即列表。

3

如此反復(fù)。

在我們公司,前端開發(fā)通常制定一套全景規(guī)范用以描述產(chǎn)品的各個設(shè)計原子,分子和組織。

我喜歡以樂高積木的方式來暢想設(shè)計(我朋友形容設(shè)計學(xué)校就像幼兒園一樣,無非是講設(shè)計原子按照積木一樣拼來拼去…)。

但是我需要將該流程直接適配到一個視覺設(shè)計工具中去,用來為我的設(shè)計工作增強(qiáng)一致性和效率。

假如能夠在一個面板或者在故事板中設(shè)計所有的設(shè)計原子,不用操心對齊、字體、顏色等,它們會自動處理好。

想象如果能夠不斷的將原子設(shè)計規(guī)范傳到下游設(shè)計公司那該多美。

Matej Hrescak開發(fā)了一個Sketch插件能夠快速進(jìn)行組件設(shè)計,對我來說僅僅起了個好頭,我希望將其繼續(xù)升級。

工作原理

一旦視覺語言確認(rèn),你可以據(jù)此制作一個單獨(dú)文檔來搞定規(guī)范,并且移除軟件其它的無用信息。

一步,設(shè)定顏色、主字體、圖形、邊距、留白。

4

第二步,開始設(shè)定更精細(xì)的原子:標(biāo)題、文本字體、按鈕和輸入框。

5

較后,在故事板中制作基本的文本和圖層:

6

然后通過右鍵給它們賦予預(yù)設(shè)的樣式。

78

矩形會自動嵌套預(yù)設(shè)的風(fēng)格樣式,正如你手動編輯過該標(biāo)簽一樣。通過設(shè)置邊距,按鈕會根據(jù)標(biāo)簽文本的長度自動適應(yīng),通過留白設(shè)置可以將故事板內(nèi)部元素自動對齊。

我們還可以設(shè)置更復(fù)雜的組織(例如導(dǎo)航欄)來保持各處的一致性。

910

在此基礎(chǔ)上可以添加更多功能,使得通過設(shè)置每個元素來自動生成頁面、列表、卡片成為可能。改動設(shè)計設(shè)定會自動應(yīng)用到所有元素上。這樣能夠很方便的測試不同的顏色、字體風(fēng)格等等的效果。

制作界面模板套件將不費(fèi)吹灰之力,通過預(yù)設(shè)原生組件就能實現(xiàn)。

從事移動設(shè)計3年之后,我依然能夠清晰的記得導(dǎo)航欄的精確高度是多少。

當(dāng)然,設(shè)定部分元素時,我們也可以為顏色、字體對比、快速制作響應(yīng)式元素、調(diào)色板等及時的提供一些可用性提示,而不用擔(dān)心過多細(xì)節(jié)。

目前Sketch已經(jīng)能夠通過文字樣式和制作符號(symbol),Photoshop通過智能對象來完成這些工作,但還遠(yuǎn)遠(yuǎn)不夠,你們覺得呢?

你們的想法是什么?

本文摘錄地址:http://www.mobileui.cn/designer-for-extensible-design-tools.html

聲明:本站部分文字及圖片均來自于網(wǎng)絡(luò),如侵犯到您的權(quán)益,請及時通知我們進(jìn)行刪除處理。
最新建站資訊
292023-06
2023年公司網(wǎng)站有必要進(jìn)行改版嗎?

說起今年網(wǎng)站是否需要改版這個話題,就要從互聯(lián)網(wǎng)的誕生到互聯(lián)網(wǎng)高速發(fā)展的今天,目前有成熟的網(wǎng)站開發(fā)技術(shù)、網(wǎng)站設(shè)計也是日新月異。有了這些技術(shù)的前提,今天我們來說說公司網(wǎng)站有沒有必要進(jìn)行改版?

142023-04
無錫網(wǎng)站建設(shè)價格的評估依據(jù)有哪些?

隨著短視頻及直播的影響,流量迅速轉(zhuǎn)移到某些移動平臺,還來不及轉(zhuǎn)型又沒有穩(wěn)定流量來源的無錫網(wǎng)站設(shè)計公司活得那叫一言難盡。網(wǎng)站搭建的市場雖然急劇萎縮,卻也還有一定的市場需求,網(wǎng)站制作的價格也是良莠不齊。有很多客戶就納悶了,同樣一個網(wǎng)站設(shè)計,為什么做網(wǎng)站公司報出來的價格相差那么大呢?下面就來說說,無錫網(wǎng)站建設(shè)價格的評估依據(jù)有哪些?

152023-02
網(wǎng)站建設(shè)策劃包含的具體內(nèi)容主要包括哪些內(nèi)容

在做網(wǎng)站建設(shè)業(yè)務(wù)時候,通常前期企業(yè)客戶會要求網(wǎng)絡(luò)公司或者技術(shù)人員給出一個網(wǎng)站建設(shè)的方案。其實即使客戶不要求,作為做網(wǎng)站建設(shè)策劃的人員在建立網(wǎng)站前也應(yīng)該出一個這樣的策劃方案,這樣能讓自己的思路更清晰一些。

152023-02
一個優(yōu)質(zhì)的網(wǎng)站能給企業(yè)帶來什么

現(xiàn)如今互聯(lián)網(wǎng)中的用戶量是比較大的,企業(yè)網(wǎng)站可以通過互聯(lián)網(wǎng)將自己宣傳推廣出去,在用戶想通過搜索想要的產(chǎn)品、服務(wù)以及想要全面了解你的企業(yè),那么你的企業(yè)官網(wǎng)就能起到流量承載的作用。

092023-01
營銷型網(wǎng)站建設(shè)如何進(jìn)行?從下面四點(diǎn)進(jìn)行了解!

營銷型網(wǎng)站建設(shè)如何進(jìn)行?近幾年有很多企業(yè)開始建設(shè)企業(yè)網(wǎng)站用于商品宣傳和營銷,營銷型網(wǎng)站主要是以營銷為目的的,能夠幫助企業(yè)提示轉(zhuǎn)化率,從而起到好的市場營銷效果。建設(shè)營銷型網(wǎng)站也是有一定的方法和規(guī)則的,需要根據(jù)企業(yè)的產(chǎn)品、服務(wù)、優(yōu)勢等特點(diǎn)進(jìn)行市場的定位。

042023-01
無錫建設(shè)網(wǎng)站設(shè)計公司有哪些新趨勢

在互聯(lián)網(wǎng)發(fā)展的環(huán)境中,企業(yè)在不斷的變化,創(chuàng)新也就成為企業(yè)必不可少的方式,那么在企業(yè)網(wǎng)站設(shè)計發(fā)展的新趨勢又有哪些呢?在建設(shè)網(wǎng)站效果達(dá)到好的效果呢?

More → 相關(guān)資訊
292023-06
2023年公司網(wǎng)站有必要進(jìn)行改版嗎?

說起今年網(wǎng)站是否需要改版這個話題,就要從互聯(lián)網(wǎng)的誕生到互聯(lián)網(wǎng)高速發(fā)展的今天,目前有成熟的網(wǎng)站開發(fā)技術(shù)、網(wǎng)站設(shè)計也是日新月異。有了這些技術(shù)的前提,今天我們來說說公司網(wǎng)站有沒有必要進(jìn)行改版?

142023-04
無錫網(wǎng)站建設(shè)價格的評估依據(jù)有哪些?

隨著短視頻及直播的影響,流量迅速轉(zhuǎn)移到某些移動平臺,還來不及轉(zhuǎn)型又沒有穩(wěn)定流量來源的無錫網(wǎng)站設(shè)計公司活得那叫一言難盡。網(wǎng)站搭建的市場雖然急劇萎縮,卻也還有一定的市場需求,網(wǎng)站制作的價格也是良莠不齊。有很多客戶就納悶了,同樣一個網(wǎng)站設(shè)計,為什么做網(wǎng)站公司報出來的價格相差那么大呢?下面就來說說,無錫網(wǎng)站建設(shè)價格的評估依據(jù)有哪些?

042023-01
無錫建設(shè)網(wǎng)站設(shè)計公司有哪些新趨勢

在互聯(lián)網(wǎng)發(fā)展的環(huán)境中,企業(yè)在不斷的變化,創(chuàng)新也就成為企業(yè)必不可少的方式,那么在企業(yè)網(wǎng)站設(shè)計發(fā)展的新趨勢又有哪些呢?在建設(shè)網(wǎng)站效果達(dá)到好的效果呢?

012021-03
網(wǎng)站設(shè)計應(yīng)該如何迎合用戶瀏覽習(xí)慣

“用戶體驗(User Experience,簡稱UE/UX)是用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。但是對于一個界定明確的用戶群體來講,其用戶體驗的共性是能夠經(jīng)由良好設(shè)計實驗來認(rèn)識到。計算機(jī)技術(shù)和互聯(lián)網(wǎng)的發(fā)展,使技術(shù)創(chuàng)新形態(tài)正在發(fā)生轉(zhuǎn)變,以用戶為中心、以人為本越來越得到重視,用戶體驗也因此被稱做創(chuàng)新2.0模式的精髓。

242020-03
簡介無錫網(wǎng)站建設(shè)設(shè)計網(wǎng)站目標(biāo)方案有哪些方面

在網(wǎng)建過程中無錫網(wǎng)站建設(shè)設(shè)計的網(wǎng)站目標(biāo)有很多方面,并且不同的方案對應(yīng)著不同的價格與團(tuán)隊,企業(yè)根據(jù)不同的需求讓網(wǎng)站建設(shè)公司進(jìn)行網(wǎng)站設(shè)計,能夠讓企業(yè)的網(wǎng)站得到發(fā)展,打造高效的企業(yè)網(wǎng)站。接下來主要向大家介紹一下這些目標(biāo)方案有哪些供企業(yè)進(jìn)行參考選擇。

162019-05
低價的網(wǎng)站設(shè)計存在哪些問題?

但是有一些企業(yè)可能因為一開始資金不是特別足,導(dǎo)致只能夠去選擇一些價格比較低廉的建站公司,那么這種低價的網(wǎng)站設(shè)計有什么問題呢?

092019-04
如何從用戶角度進(jìn)行網(wǎng)站設(shè)計

1:定位即了解客戶的潛在顧客群,知道他們的需求,從顧客的行業(yè)性質(zhì)入手,心中明白語言建設(shè)什么類型的網(wǎng)站,細(xì)節(jié)決定市場,定位了群體目標(biāo),才能按照對方的口味來設(shè)計網(wǎng)站。2:搜索引擎的充分利用網(wǎng)民越來越...

082019-04
無錫網(wǎng)站設(shè)計的費(fèi)用怎么算

雖然具體的費(fèi)用根據(jù)要求有不同,但搞清楚了這幾點(diǎn),還是能估算出一個大概的數(shù)值,建設(shè)費(fèi)用包括以下幾個大項。1:購買域名和空間網(wǎng)站是建設(shè)在虛擬主機(jī)上的,租用對方的服務(wù)器自然會產(chǎn)生費(fèi)用,選擇不同類型的...

版權(quán)所有 ? 2011-2024 無錫迅誠信息科技有限公司    備案號:蘇ICP備11038949號-2     蘇公網(wǎng)安備 32020602000833號

專業(yè)團(tuán)隊為您提供無錫網(wǎng)站建設(shè),無錫網(wǎng)站制作,無錫品牌網(wǎng)站設(shè)計,無錫響應(yīng)式網(wǎng)站制作,無錫微信小程序開發(fā)等服務(wù),無錫建網(wǎng)站就找迅誠科技!    網(wǎng)站地圖 | 地圖XML

松潘县| 万安县| 盐源县| 怀安县| 苏州市| 乌审旗| 库车县| 德江县| 永寿县| 南川市| 婺源县| 曲阜市| 陈巴尔虎旗| 洛隆县| 深州市| 马山县| 原平市| 鸡西市| 改则县| 寿阳县| 合山市| 上饶县| 赣州市| 汕头市| 石林| 铜梁县| 颍上县| 互助| 辉南县| 彭泽县| 弋阳县| 栾城县| 湘乡市| 河北省| 墨玉县| 沙坪坝区| 巴里| 大竹县| 兴城市| 铜山县| 囊谦县|