一、常見視覺效果是如何實現的 一些事
關於文字效果網際網路的一些事
文字自身屬性相關的效果css中都是有相對應的樣式的，如字型大小、行高、加粗、傾斜、下劃線等，但是一些特殊的效果，主要表現為ps中圖層樣式中的效果，css是無能為力的。但是css也在不斷發展，在css3中已經新增了文字陰影的效果，可惜ie6、7、8均不支援。所以，一些比較特殊的文字效果，依然只能通過來實現。
一些事說說文字間距網際網路的一些事
在css中其實是可以控制文字間距的，但是現實中很少會使用，一方面是很多設計師不知道css中有相應的屬性，並且需要使用文字間距的場景也不多，另一方面，瀏覽器解析文字間距的方式也令這一屬性在某些場景下無法使用，比如在文字居中的時候，實際居中的區域是包含了文字間距的(如上圖)，使得在視覺效果上讓人無法接受，所在當需要在文字中保留一定空間的時候(比如兩個字的按鈕)，會直接用空格來代替。
yixieshi
網際網路的一些事
關於字型yixieshi
網頁裡中文文字字型一般都是宋體，不建議使用其他字型，但是其實字型是可以上傳到伺服器，然後頁面中引用該字型，就解決了使用者電腦上沒有相應字型的問題。不過很少有人會這麼做，為什麼呢?1.瀏覽器是可以設定忽略網頁字型，改用使用者設定的字型(ie:工具->internet選項->輔助功能)。2.伺服器上的字型是需要載入的，而乙個字型一般都幾兆，嚴重影響頁面載入速度。所以對於特殊字型，通常都是做成。 網際網路的一些事
關於背景
網際網路的一些事
看看通常乙個按鈕是怎麼拼出來。
一些事
產品類的按鈕我們一般都是像a這樣設計(中間段是橫向的重複圖案)，而不是像b這樣，因為產品類的按鈕一般都是復用的，可以用兩段拼出來乙個按鈕，而b這個寬度就限死了。 一些事
關於漸變、圓角、投影
網際網路的一些事
在css3中終於實現了漸變、圓角和投影，不過可惜的是ie6、7、8均不支援，但是已經可以在越來越多的**中看到新css的應用，尤其是按鈕，淡淡的漸變，hover上去有點淡淡的陰影，效果很好，對於不支援的瀏覽器，設定乙個顏色近似的背景，看到的是單色、直角效果。 yixieshi
需要注意的是：**實現的只能是線性漸變，從某個顏色均勻的漸變到另外乙個顏色，所以高光什麼的只能捨棄了。css3中還有徑向漸變，不過暫時應用場景不多。 yixieshi
網際網路發展速度很快，大大小小的新技術很多，多和前端交流吧。 一些事
關於對齊
主要是表單中文字的上下居中對齊，在ps裡很簡單，但是實現出來卻如上圖所示的，很難看，要想對齊，真是件麻煩的事情，沒有好的辦法。所以不是特別關鍵的地方，建議就隨它去了。
一些事二、前端是如何切圖的一些事
第一步 拼圖yixieshi
為了加快頁面載入速度，會把多張拼在一張上。 網際網路的一些事
第二步 儲存為web所用格式
一些事網頁上的，**、banner類一般儲存為jpg，其他的，通常都是儲存為png-8或gif(除了動態需要用到gif，其他場景png-8完全可以替代gif)。對於儲存為png-8或者gif的，有時候會看到呈現帶狀感(如下圖右側)，失真很嚴重。 網際網路的一些事
有兩個辦法，一是增加顏色的數量，但是增加數量會導致變大，需要在顏色數量和大小之間取乙個平衡，而且如果上顏色太多，就算顏色數量增到最大256，依舊會有明顯的帶狀感，這時候可以把拆開，把顏色類似的拼在一張圖上。 yixieshi
三、頁面布局相關網際網路的一些事
元素疊加的效果yixieshi
通過外補丁(margin)、絕對定位(position:absolute)可以實現多個元素互相疊加的效果，使得設計上不受布局的侷限。
yixieshi
固定螢幕的效果yixieshi
某些特殊場景使用(如上圖的「回頂部」)，解決跟隨的問題。
一些事了解前端知識，不僅在溝通上更順暢,設計上更合理，對於設計過程也有一定的幫助，比如在設計控制項的時候，ps裡看hover樣式始終不夠直觀，這時可以把控制項實現出來，直觀的去感受，調整你的設計稿直到滿意為止。雖然成本比較大，但是對於需要仔細推敲的控制項來說還是值得的。
網際網路的一些事
yixieshi
品牌設計需要了解的一些知識
1.品牌的名稱 這是品牌的一種稱呼，比如華為等這種就是乙個品牌的名稱，這是乙個企業的代表，好的品牌名稱 有利於減少讓消費者記住的成本，並且也同時增加了消費者記憶的力度。2.品牌的標誌 這一類就是我們經常看到的品牌標誌，看到這個標誌你就能想到這是那個產品，可以被消費者以及大眾所認出，這種型別的多用於圖...
react需要了解的一些概念
高階元件本質上是乙個函式，是可以傳遞乙個元件作為引數，並且會返回乙個新的元件，可以通過props的形式傳遞給目標元件，這樣目標元件可以直接在props裡面獲取使用就可以，在工作中，我們使用的connect withrouter 還有一些自己封裝復用的元件 basicfram公共標題 class he...
OpenGL程式設計需要了解的一些概念
本部落格的內容出自於 僅根據自己的理解記錄下對自己很有幫助的地方 opengl是什麼？opengl可以認為是乙個api，但具體來說opengl值規定了函式如何執行和輸出值，但沒有定義如何實現，具體實現細節是由顯示卡的生產商完成的。所以有時候opengl的bug可以通過公升級驅動來解決。opengl早...