-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 品牌設(shè)計 > 專題列表 > 正文
介紹:組件的名稱,以及一段簡明扼要的介紹。(必要)
案例:這個組件的各種形式,狀態(tài),尺寸等等其他要素,比較好的做法是用代碼直接把這些展示出來,而不是不可以交互的靜態(tài)圖片。(必要)
設(shè)計參考:比如什么時候應(yīng)該用這個組件,允許的做法與不允許的做法,以及視覺、交互、文案方面的指南。(推薦)
代碼參考:包含 API 和其他實施及部署方面的指南。(必要)
設(shè)計與代碼的分類邏輯出現(xiàn)差異(最簡單的例子就是 Loader 和 Spinner 的命名:代碼里叫 Loader,而設(shè)計里則叫 Spinner)
功能差異:設(shè)計規(guī)范里出現(xiàn)了代碼不能實現(xiàn)的功能,或者代碼里加入了設(shè)計里沒有考慮的功能。
簡介
案例
設(shè)計參考
代碼參考
設(shè)計規(guī)范(設(shè)計規(guī)范查詢網(wǎng)站)
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于設(shè)計規(guī)范的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
本文目錄:
一、土木工程畢業(yè)設(shè)計需要哪些規(guī)范啊?
現(xiàn)在2021年了,回答問題時間是2月1號
現(xiàn)行的會用到的規(guī)范如下,
房建畢設(shè)規(guī)范合集
1房建畢設(shè)建筑部分
06SJ813 《民用建筑設(shè)計通則》圖示
GB50016-2014 建筑設(shè)計防火規(guī)范(2018年版)
GB50033-2013 建筑采光設(shè)計標(biāo)準(zhǔn)
GBT 50001-2017 房屋建筑制圖統(tǒng)一標(biāo)準(zhǔn)
工程建設(shè)標(biāo)準(zhǔn)強制性條文-房屋建筑部分(2013年版)
2畢設(shè)結(jié)構(gòu)部分
(GB50010-2010)最新版《混凝土結(jié)構(gòu)設(shè)計規(guī)范》
16G101-1 混凝土結(jié)構(gòu)施工圖(墻梁板柱)
16G101-2 混凝土結(jié)構(gòu)施工圖(板式樓梯)
16G101-3 混凝土結(jié)構(gòu)施工圖(基礎(chǔ))
GB 50003-2011 砌體結(jié)構(gòu)設(shè)計規(guī)范
GB50007-2011 建筑地基基礎(chǔ)設(shè)計規(guī)范
GB50009-2012 建筑結(jié)構(gòu)荷載規(guī)范
GB50011-2010 建筑抗震設(shè)計規(guī)范(2016年版)
GB50017-2003 鋼結(jié)構(gòu)設(shè)計規(guī)范
道橋畢設(shè)規(guī)范
基坑
二、廠房設(shè)計標(biāo)準(zhǔn)規(guī)范有哪些?
廠房設(shè)計標(biāo)準(zhǔn)規(guī)范:
一、工業(yè)廠房設(shè)計必須貫徹執(zhí)行國家的有關(guān)方針政策,做到技術(shù)先進、經(jīng)濟合理、安全適用、確保質(zhì)量,符合節(jié)約能源和環(huán)境保護的要求。
二、本規(guī)范適用于新建和改建、擴建的工業(yè)廠房設(shè)計,但不適用于以細(xì)菌為控制對象的生物潔凈室。本規(guī)范有關(guān)防火和疏散、消防設(shè)施章節(jié)的規(guī)定,不適用于建筑高度超過24米的高層工業(yè)廠房和地下工業(yè)廠房的設(shè)計。
三、條在利用原有建筑進行潔凈技術(shù)改造時,工業(yè)廠房設(shè)計必須根據(jù)生產(chǎn)工藝要求,因地制宜、區(qū)別對待,充分利用已有的技術(shù)設(shè)施。
四、工業(yè)廠房設(shè)計應(yīng)為施工安裝、維護管理、測試和安全運行創(chuàng)造必要的條件。
五、工業(yè)廠房設(shè)計除應(yīng)按本規(guī)范執(zhí)行外,尚應(yīng)符合現(xiàn)行的國家標(biāo)準(zhǔn)、規(guī)范的有關(guān)要求。
廠房裝修設(shè)計要點:
一、間隔的選擇
在裝修進程中常常有的區(qū)域要進行合理劃分功用區(qū),如此就需要用間隔來進行切割,當(dāng)前常用的間隔普通為:輕鋼龍骨石膏板間隔、不銹鋼玻璃間隔、鋁塑板鋼化玻璃間隔以及純鋼化玻璃間隔等,這些間隔都可以起到劃分的效果,只是所代表的作風(fēng)各別,價錢也不以樣,輕鋼龍骨石膏板間隔的造價較低,往往輕易被承受。
二、消防報批
為了平安必然不要無視消防器材裝置,裝置消防設(shè)備前需求到本地的消防局進行報批,工程竣工后還需求報審。普通報批消防手續(xù)需10天左右才可以完成,所以在裝修前應(yīng)先找消防公司進行此項工程的洽談。
三、注重地面材料
廠房裝修首先要考慮的是地面部分,一般的廠房裝修地面是不需要承載負(fù)荷的,那么就可以考慮用一些物美價廉的裝飾材料,比如地板磚或者復(fù)合木地板等來做廠房地面裝修材料,有的廠房裝修時要考慮防靜電,那么就要選擇防靜電地板或防環(huán)氧地坪等來做為廠房裝修地面的首選材料,還有的廠房裝修時需要地面承載負(fù)荷,那么就必須要在地面基層做混凝土,混凝土分為商業(yè)混凝土和土做法混凝土兩種,前者造價略高但質(zhì)量穩(wěn)定,后者價格較低質(zhì)量一般,然后在混凝土基層上再鋪設(shè)其他質(zhì)地比較堅硬的石材做飾面即可。
四、合理的頂面設(shè)計
另外在廠房裝修時還要注意的是頂部,廠房的頂部通常較高,且大多數(shù)都是鋼結(jié)構(gòu)框架,在裝修頂部時先要設(shè)計消防、通風(fēng)、及中央空調(diào)的合理安排,因為這些都是廠房裝修中必要的硬件設(shè)施,尤其是消防。接下來就是根據(jù)使用的要求來確定是否吊頂?shù)膯栴}了,廠房吊頂?shù)牟牧虾芏?,如果為了美觀些可以用礦棉吸音板、石膏板、鋁塑板等材料來為頂部做裝飾,還可以不做任何吊頂,把頂部需要隱藏的或者不美觀的一些設(shè)施做局部的修飾也是一種現(xiàn)代的、簡約主義設(shè)計。
三、設(shè)計標(biāo)準(zhǔn)規(guī)范分為幾級
四級。根據(jù)查詢設(shè)計標(biāo)準(zhǔn)規(guī)范相關(guān)信息得知,分為四級。設(shè)計標(biāo)準(zhǔn)規(guī)范按管理級別和使用范圍,可分為國家、部門、省(市、自治區(qū))和設(shè)計單位四級。
四、UI設(shè)計有哪些規(guī)范
高質(zhì)量的規(guī)范文檔是一個優(yōu)秀設(shè)計系統(tǒng)的代表物。我們詳實地描述每個 UI 組件的設(shè)計與代碼規(guī)范,來幫助設(shè)計師高效地作出決策,推動開發(fā)速度。編寫高質(zhì)量的文檔需要前期規(guī)劃和一系列合理的流程來輔助,付出的成本相當(dāng)高。
這個系列由六篇文章組成,致力于描述編寫組件規(guī)范文檔的過程。本篇我會從目標(biāo)讀者、文檔內(nèi)容、文檔結(jié)構(gòu)開始。然后會涉及案例,設(shè)計與代碼指南。這些內(nèi)容來自于我自己這些年的實踐經(jīng)驗以及社區(qū)里大家所分享的知識。
那么我以一個問題開始今天的主題:文檔的目標(biāo)讀者是誰,他們需要什么樣的內(nèi)容,作為編寫者我們該怎樣組織文檔結(jié)構(gòu)來作出清晰的表達?
文檔的目標(biāo)讀者
首先:你要弄清楚誰是你的文檔的主要讀者。
工程師,設(shè)計師,還有公司里的所有人!
當(dāng)一個設(shè)計系統(tǒng)包含了代碼指南,工程師們顯然會是讀者。那么一個只包含了代碼指南的設(shè)計系統(tǒng)應(yīng)該服務(wù)于設(shè)計師嗎?如果文檔里只包含了設(shè)計規(guī)范而沒有代碼(如 Material Design),工程師還是讀者嗎?
在我看來,兩個問題的答案都是肯定的。規(guī)范文檔是從不同的角度來服務(wù)于多種角色的。
除了設(shè)計與工程,它還服務(wù)于其他人嗎?很有可能,特別是當(dāng)文檔所在的設(shè)計系統(tǒng)已經(jīng)成為產(chǎn)品的基石時。簡短有效的介紹對于 PM(產(chǎn)品經(jīng)理) 很有價值,QA(測試) 則比較關(guān)注案例部分…等等。
規(guī)范文檔是從不同的角度來服務(wù)于多種角色的
很多設(shè)計系統(tǒng)團隊還會把自己的系統(tǒng)公開出來,在體現(xiàn)共享精神的同時也能起到吸引行業(yè)人才的作用。所以文檔應(yīng)該能夠體現(xiàn)團隊的專業(yè)與嚴(yán)謹(jǐn)。
文檔的主要目標(biāo)是:為設(shè)計師、工程師和團隊里的其他角色服務(wù),讓他們能夠高效地做決策。
Takeaway:設(shè)計系統(tǒng)的效應(yīng)和影響力不只覆蓋設(shè)計與工程,一個成長中的系統(tǒng)必將會服務(wù)于更多的角色。
工程師,接著是設(shè)計師,然后才是其他人
為所有角色服務(wù)并不意味著平等地服務(wù)所有角色。工程師每天會查閱 10 次或更多次文檔,他們甚至?xí)盐臋n與代碼編輯器窗口并排排列!設(shè)計師的訪問次數(shù)應(yīng)該是少于工程師的,其他角色則會更少。
所以誰是最重要的?以我的經(jīng)驗來看,設(shè)計系統(tǒng)最初就是為了工程與設(shè)計之便,由工程師和設(shè)計師建立的。即使其他角色也對其有所貢獻,但他們?nèi)允瞧我摹R虼宋覀兪紫刃枰_保工程師與設(shè)計師的需求能夠得到滿足。
設(shè)計師與工程師優(yōu)先級最高
那么,工程師與設(shè)計師孰輕孰重呢?我最近參與設(shè)計的設(shè)計系統(tǒng)項目中都需要同時服務(wù)于兩者,為設(shè)計和代碼制作規(guī)范指南。我也在一些企業(yè)的文檔中看到了對其中一方的過多偏見,或者是有將他們的目標(biāo)完全分離開的傾向(稍后我會解釋)。有很多維度需要考量:設(shè)計系統(tǒng)的目標(biāo),他們的使用頻率,內(nèi)容深度、質(zhì)量、生產(chǎn)成本,以及和他們?nèi)粘9ぷ鞯南嚓P(guān)度。
設(shè)計師 vs 工程師
Takeaway:讀者的優(yōu)先級由很多因素決定。要有預(yù)期:工程師和設(shè)計師的需求會有沖突,并盡可能地優(yōu)化和處理這些沖突。如果實在不行,就要偏向于距離最終產(chǎn)品最近的那一方,通常是工程師。這就意味著工程師優(yōu)先,設(shè)計師其次。
文檔內(nèi)容
規(guī)范文檔是連接讀者與內(nèi)容的媒介。內(nèi)容會有不同的格式或模塊,因此成本也各有差異,而你需要最終把它們編織在一起。
文檔內(nèi)容模塊:簡介和案例文檔內(nèi)容模塊:設(shè)計參考和代碼參考
抽象地來看,規(guī)范文檔的內(nèi)容通常包含以下四種模塊:
不同的模塊會有不同的制作成本
「介紹」寫起來當(dāng)然非常的短平快。結(jié)構(gòu)優(yōu)秀的「案例」也是值得投入成本的,并且寫起來會越來越順手。工程師也需要一個合理清晰的「代碼參考」。但是,真正有效的「設(shè)計參考」可能會非常耗費成本。
橫軸:細(xì)節(jié)的豐富程度由淺到深。縱軸:制作成本由低到高
請點擊輸入圖片描述
Takeaway:規(guī)范文檔可以包含很多內(nèi)容模塊。所以需要團隊在前期就進行充分的討論,對每種內(nèi)容模塊做出符合自己團隊和產(chǎn)品價值的判斷,再投入成本去制作。
文檔的信息結(jié)構(gòu)
設(shè)計與代碼:分開還是合并?
在實踐中,設(shè)計師往往會自顧自的發(fā)布或更新和自己相關(guān)的內(nèi)容,工程師也一樣。這樣的慣性行為會在無意中增加設(shè)計與工程的距離。所以大家需要在前期就對文檔的信息結(jié)構(gòu)達成共識。
谷歌的 Material 文檔生態(tài)就是這種距離感的代表。 Material’s design foundation 優(yōu)先服務(wù)于設(shè)計實踐, 而 Material Design Lite,Polymer Project,Android Developer’s,Material UI (built for React) 都是服務(wù)于代碼,和設(shè)計規(guī)范綁定的并不緊密。
請點擊輸入圖片描述
這種分離的狀態(tài)其實是有意義和理由的。因為 Material 是一個操作系統(tǒng)的底層系統(tǒng),跨越了許多框架,團隊,平臺。它的復(fù)雜度在某種意義上超越了目前世界上所有的設(shè)計系統(tǒng)。但你要知道大多數(shù)的設(shè)計系統(tǒng)并不是服務(wù)于一個操作系統(tǒng)的,因此不會發(fā)展至如此復(fù)雜的形態(tài)。
對于像我們一樣的產(chǎn)品團隊來說,設(shè)計和代碼分開是符合共識的。這種做法能夠給分別為兩種角色設(shè)計符合他們需求的體驗。
組件設(shè)計規(guī)范與 API 和代碼規(guī)范分別放在兩個網(wǎng)站上。來自:Atlassian
請點擊輸入圖片描述
這種做法也有風(fēng)險。隨著時間推移,兩個網(wǎng)站可能出現(xiàn)不同步的現(xiàn)象:
你可能會覺得這樣也挺好,畢竟設(shè)計和代碼本身就是兩個領(lǐng)域。至少對于文檔的寫作者來說這種分離還是挺方便的(只用考慮自己的需求,管理自己的進度)。
但真正的讀者需要的是一個「真相的唯一來源(Single source of truth)」。如果你是一個對設(shè)計和代碼都有需求的讀者,你會發(fā)現(xiàn)自己不停在兩個網(wǎng)站間切換,兩個地方都有對你有價值的內(nèi)容,這感覺就像是在打網(wǎng)球時陷入了拉鋸戰(zhàn)。
Takeaway:要慎重地看待設(shè)計與代碼的分離。雖然一開始方便了內(nèi)容作者和發(fā)布者,但之后會有風(fēng)險。這種做法也可能會在潛移默化中造成設(shè)計與工程的距離擴大。
合并內(nèi)容的兩種方案:堆疊還是切換?
例如 Morningstar Design System 是把設(shè)計和代碼放在一個頁面里,讀者就能找到完全統(tǒng)一的命名,指南,功能描述。
一個頁面之堆疊式:把設(shè)計和代碼放在一個頁面中,縱向滾動來查看。
請點擊輸入圖片描述
堆疊式的布局方式會使得頁面變得冗長。當(dāng)然還有一種方式是使用 Tab 來切換內(nèi)容。
一個頁面之切換時:把設(shè)計和代碼放在一個頁面中,通過 Tab 來切換內(nèi)容。
請點擊輸入圖片描述
Takeaway:將設(shè)計和代碼混合在一起是有可能的,大家可以按自己的需求來選擇以上兩種布局方式。
按類型來為內(nèi)容做排列和編組
不論選擇那種布局方式,文檔內(nèi)容的模塊結(jié)構(gòu)和順序應(yīng)該是保持一致的:
其實只要把「案例」放到讀者一進來就能看到的地方,把設(shè)計和代碼參考放在一步點擊就能達到的地方,就是一個不錯的設(shè)計了。下面是幾種行業(yè)內(nèi)比較有代表性的模式:
左:IBM Carbon 模式 中:Hudl's Uniform System 模式 右:Lightning Design System 模式
請點擊輸入圖片描述
IBM Carbon 認(rèn)為代碼更應(yīng)該被優(yōu)先展示,將交互用法和樣式分別放在其他的 Tab 中。Hudl’s Uniform system 把順序反了過來,設(shè)計優(yōu)先于代碼。 Salesforce’s Lightning Design System 把代碼和組件案例放在 Tab 上方,默認(rèn)選中開發(fā)者指南這個 Tab,而后兩個 Tab 則被奇怪地留空了。
Takeaway:把簡介和案例放在一開始最重要的位置,接下來的模塊則沒有唯一的方案,需要大家自己做出符合自己團隊情況的判斷。
若頁面很長,則為讀者提供定位導(dǎo)航
你的文檔頁面越長,越需要給讀者清晰的認(rèn)知,要讓他們知道這個頁面里會包含哪些內(nèi)容以及當(dāng)前所處的位置??v向的定位導(dǎo)航欄是個不錯的方案:一直固定存在于頁面右側(cè),在滾動時同步追蹤位置,并且可以包含子標(biāo)題。
Morningstar Design System 在文檔頁面右側(cè)設(shè)計了一個兩級的定位導(dǎo)航欄
請點擊輸入圖片描述
Takeaway:不論選擇哪種形式,最重要的是在整個系統(tǒng)中保持邏輯一致,符合讀者的預(yù)期與心理模型。
展示設(shè)計?展示代碼?還是都展示?
把設(shè)計和代碼融合,就會有讀者只對其中一個方面感興趣,他們會提出自己的意見:
設(shè)計負(fù)責(zé)人可能會問到:我能把這些代碼案例和指南隱藏掉嘛?
工程師可能會問:我能把這些和設(shè)計規(guī)范有關(guān)的文字隱藏掉嘛?
可以考慮加一個選項或按鈕來允許隱藏設(shè)計/代碼內(nèi)容。比如:
Design Only:把代碼指南、代碼片段和屬性表等等都隱藏起來
Code Only:把視覺樣式指南和文案指南都隱藏,但還是要把一部分交互用法指南保留著,這對工程師們也有用。
以上就是關(guān)于設(shè)計規(guī)范相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進行咨詢,客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀:
魚峰包裝設(shè)計公司哪家好(魚峰包裝設(shè)計公司哪家好一點)
三門峽甘棠路大橋景觀設(shè)計(三門峽甘棠路大橋景觀設(shè)計公司)
國外兒童自帶餐飲品牌設(shè)計(國外兒童自帶餐飲品牌設(shè)計圖)
發(fā)產(chǎn)品朋友圈廣告文字(發(fā)產(chǎn)品朋友圈廣告文案)
問大家
杭州家裝設(shè)計師的收費標(biāo)準(zhǔn)是什么?
一個技能全面的UI/UE設(shè)計師需要必備技能是什么?
做設(shè)計一定需要理論為基礎(chǔ)嗎?沒理論可以做設(shè)計嗎?
龍海比較公道的網(wǎng)站建設(shè)設(shè)計口碑好的有哪家?在座的同學(xué)們不勝感激
昆山誠信的網(wǎng)頁美工設(shè)計性價比怎么樣?諸位盆友們幫忙回一下
漳州比較好的網(wǎng)站建設(shè)設(shè)計公司微信多少?請大家回答
寧波日報聯(lián)系方式_寧波日報登報辦理電話_寧波日報廣告部電話