版式設(shè)計(jì)教程精品文章

• 

  ios9.3為前端帶來哪些新特性

  ...ace 規(guī)則和 WOFF 字體封裝格式的跨瀏覽器支持，現(xiàn)代的 Web 版式已遠(yuǎn)遠(yuǎn)超出了Web 安全字體所定義的范疇，像 New Yorker 這樣的知名雜志就使用了 Web 字體來彰顯標(biāo)題版式的獨(dú)特風(fēng)格，而在美國(guó)總統(tǒng)奧巴馬的競(jìng)選連任活動(dòng)中，也使...

  Scorpion 2019-08-30 12:52 評(píng)論0 收藏0
• 

  用Canvas實(shí)現(xiàn)文本編輯器（支持藝術(shù)字渲染與動(dòng)畫）

  ...存儲(chǔ)文本位置信息。每次渲染文字時(shí)，會(huì)依據(jù)當(dāng)前樣式（版式、文字大小等）更新map數(shù)據(jù)。目前項(xiàng)目支持居中和左對(duì)齊兩個(gè)版式，map更新時(shí)，這兩個(gè)版式的位置計(jì)算有所不同。 對(duì)于左對(duì)齊版式，邏輯比較簡(jiǎn)單，只要從左邊邊距...

  OldPanda 2019-08-20 15:21 評(píng)論0 收藏0
• 

  CSS學(xué)習(xí)筆記(二) 字體和文本

  ...庫 5.3 打包的 @font-face 包 5.4 生成的 @font-face 包 5.5 文字版式 文字版式講求勻稱，一般是由看不見的網(wǎng)格，框定頁面文字的走向和布局。勻稱的版式可以增強(qiáng)頁面的可讀性。 參考資料 CSS設(shè)計(jì)指南

  silenceboy 2019-08-28 18:02 評(píng)論0 收藏0
• 

  AI技術(shù)在智能海報(bào)設(shè)計(jì)中的應(yīng)用

  ...付出相當(dāng)多的時(shí)間，比如修改文案內(nèi)容，設(shè)計(jì)簡(jiǎn)單的海報(bào)版式，針對(duì)不同機(jī)型、展位的多尺寸拓展等。這些工作需要耗費(fèi)大量的時(shí)間、人力成本（5~6張/人日），但對(duì)設(shè)計(jì)師的進(jìn)步成長(zhǎng)起到的作用卻非常有限。另一方面，精準(zhǔn)營(yíng)...

  wums 2019-06-26 18:41 評(píng)論0 收藏0
• 

  CSS學(xué)習(xí)筆記(六) 元素定位

  ...個(gè) HTML 元素生成的矩形盒子。 這些盒子們都要按照 可見版式模型（visual formatting model）在頁面上排布。可見的頁面版式主要由三個(gè)屬性控制： position 屬性、 display 屬性和 float 屬性。其中，position 屬性控制頁面上元素間的位置...

  浠ラ箍 2019-08-28 18:03 評(píng)論0 收藏0
• 

  CSS入門指南-2：盒子模型、浮動(dòng)和清除

  ...每個(gè)HTML元素生成的矩形盒子。這些盒子們都要按照可見版式模型在頁面上排布。 可見的頁面版式主要由三個(gè)屬性控制：position、display和float。 position：控制頁面上元素的位置關(guān)系 display：控制元素是堆疊、并排還是不在頁面出...

  ConardLi 2019-08-29 12:59 評(píng)論0 收藏0
• 

  CSS入門指南-2：盒子模型、浮動(dòng)和清除

  ...每個(gè)HTML元素生成的矩形盒子。這些盒子們都要按照可見版式模型在頁面上排布。 可見的頁面版式主要由三個(gè)屬性控制：position、display和float。 position：控制頁面上元素的位置關(guān)系 display：控制元素是堆疊、并排還是不在頁面出...

  charles_paul 2019-08-01 17:13 評(píng)論0 收藏0
• 

  移動(dòng)端UI設(shè)計(jì)規(guī)范指南

  ...解，并融會(huì)貫通。 01.UI基礎(chǔ)概念 02.UI元素設(shè)計(jì)規(guī)范 03.UI版式設(shè)計(jì)規(guī)范 04.UI文字使用規(guī)范 05.UI顏色使用規(guī)范 06.UI輸出規(guī)范 07.UI交互介紹 08.總結(jié) 在開始UI設(shè)計(jì)之前必須搞清楚物理像素、邏輯像素、倍率三個(gè)詞。 屏幕都是由許多像...

  stonezhu 2019-08-30 15:44 評(píng)論0 收藏0
• 

  前端每日實(shí)戰(zhàn)：26# 視頻演示如何用不到 50 行 CSS 代碼，創(chuàng)作按鈕被從紙上掀起的立體效果

  ...mehope/front-end-daily-challenges 代碼解讀 定義 dom，標(biāo)準(zhǔn)的導(dǎo)航版式： Home 居中顯示： html, body { height: 100%; display: flex; align-items: center; justify-content: center; bac...

  cgh1999520 2019-08-29 15:26 評(píng)論0 收藏0
• 

  前端每日實(shí)戰(zhàn)：26# 視頻演示如何用不到 50 行 CSS 代碼，創(chuàng)作按鈕被從紙上掀起的立體效果

  ...mehope/front-end-daily-challenges 代碼解讀 定義 dom，標(biāo)準(zhǔn)的導(dǎo)航版式： Home 居中顯示： html, body { height: 100%; display: flex; align-items: center; justify-content: center; bac...

  lwx12525 2019-08-02 10:29 評(píng)論0 收藏0
• 

  Yii2系列教程二：MVC Forms 和 Layouts

  ...Views)通過控制器想模型請(qǐng)求數(shù)據(jù)，并將數(shù)據(jù)以某種特定的版式展示給用戶。 控制器(Controller)可以向Model和Views發(fā)送不同的指令，一般是向Model取數(shù)據(jù)，然后讀取視圖文件來渲染輸出數(shù)據(jù)。 在Yii2的應(yīng)用中，一般是這樣的：某個(gè)URL...

  ThreeWords 2019-06-27 11:24 評(píng)論0 收藏0
• 

  【整理】18種推薦的CSS命名和書寫規(guī)范

  ...ght、top和z-index等； 大小：height、margin、padding和width等； 版式：color、font、letter-spacing、line-height和text-align等； 背景：background等； 其它：animation和transition等。 2.縮寫屬性 有些屬性是可以合在一塊的，既精簡(jiǎn)代碼，又便于閱讀...

  MonoLog 2019-08-26 13:53 評(píng)論0 收藏0