其實不想拿Google和百度做比較的害淤，但這次用在線翻譯功能的時候，還是被我大谷歌強大的功能和用戶使用體驗方面的細節(jié)給震驚了拓售，先上圖 這張是google的嵌入在搜索頁面中的翻譯...
發(fā)簡信
IP屬地：山東
-
-
索愛T2的液晶電量顯示既然入了用戶體驗的坑窥摄，本著愛國敬業(yè)的精神，往后就陸陸續(xù)續(xù)寫一些用戶體驗相關的小文章础淤。其實平時也有觀察崭放，不過心里碎碎念幾句也就過去了，現(xiàn)在準備全部轉化成文字輸出鸽凶，大概有時候會是...
-
@柴米魚 轉其他平臺請注明作者和出處币砂。
Web UI設計師需要了解的用柵格化系統(tǒng)指導網(wǎng)頁設計
寫在開頭：關于網(wǎng)頁柵格布局的概念已經(jīng)無需再進行描述，一般來說玻侥，有經(jīng)驗的web ui 設計師都應該聽說并運用過决摧。但網(wǎng)上有些關于柵格化系統(tǒng)的文章講的非常理論化，又是算法又是模塊，...
-
@深水沒 這種Foundation和Bootstrap都能實現(xiàn)的蜜徽。Foundation可以直接下html template祝懂，有現(xiàn)成的grid可用。直接在這個模板基礎上劃分內容區(qū)域就可以了… 柵格不變拘鞋，變的是內容的布局砚蓬。
Web UI設計師需要了解的用柵格化系統(tǒng)指導網(wǎng)頁設計
寫在開頭：關于網(wǎng)頁柵格布局的概念已經(jīng)無需再進行描述，一般來說盆色，有經(jīng)驗的web ui 設計師都應該聽說并運用過灰蛙。但網(wǎng)上有些關于柵格化系統(tǒng)的文章講的非常理論化，又是算法又是模塊隔躲，...
-
@一人之死 狡兔三窟 (*^▽^*)
UI福利摩梧，svg描邊動畫效果，零代碼基礎手把手教你完成
svg無疑是現(xiàn)在前端比較熱門的圖形格式宣旱，且很實現(xiàn)很多動畫效果仅父，以下發(fā)布的，為svg描邊效果的教程浑吟。 自己雖然有css代碼基礎笙纤，但對于css動畫絕對屬于小白一只，且前端的Jav...
-
SVG+CSS3 打造舞動的機械人
想法來源于codepen大神的一個神作组力，一群機械人以神一樣的步伐在進行群魔亂舞省容，可是，可是燎字，打開一看腥椒，純js實現(xiàn)，js候衍！也罷笼蛛，我偏要試一下用SVG+CSS3能不能搞出這個效果...
-
利用CSS3的animation step屬性實現(xiàn)wifi跳幀動畫
之前攢的滿滿的SVG+CSS3做動畫的技能一直未能放個大招，理由很簡單脱柱，因為本身從事行業(yè)的性質伐弹，軟件里不能出現(xiàn)勞什子動畫這等花里胡哨的東西拉馋，哦榨为，不不，叫隱喻行為引導的趣味化煌茴。...
-
SVG多色描邊變形動畫實現(xiàn)流光溢彩圖標
今天在codepen看到一個效果如下： 覺得十分有趣随闺，作者是SVG結合canvas完成的，里面所有的路徑部分是SVG完成的蔓腐，但動畫效果是canvas完成的矩乐。canvas能看懂...
-
用SVG動畫重現(xiàn)布爾運算的設計過程
這是在作圖時突然迸發(fā)的靈感（是的，偶爾也會有那么一瞬間頭腦開竅），作為設計師小伙伴們散罕，平時用的最多的應該是布爾運算吧分歇，基礎圖形的加加減減，得到任意的形狀欧漱。就不說經(jīng)典的Appl...
-
CSS 3D變形動畫屬性 之 立方體疊加動畫
把立方體的盒子搭出來之后职抡，因為怕文章又臭又長（嗯，就是沒有想好玩什么效果误甚，偏不告訴你）關于動效沒有做更多的處理缚甩，只做了一個繞Y軸旋轉，這篇試著做幾個效果窑邦，CSS3 3D變形的...
-
CSS3的 3D立方體旋轉動畫
今次就來個大家用3D屬性最愛炫技的場景擅威，旋轉的立方體，有人聲稱這種動畫簡直代表了CSS3的癲瘋冈钦，不不郊丛，是巔峰。做完之后只想吼一聲瞧筛，你說的沒差宾袜！由平面動效進階到立體動效真是……...
-
如何用純SVG打造一枚漸變loading圖標
是的，看標題能繞暈你驾窟。那就通俗點庆猫，說點人說的話吧。就是下面這貨： 最像角度漸變對不對绅络？好了月培，名字介紹到此結束，進入正題恩急。這張圖片杉畜，用ps來做，分分鐘的事情對不對衷恭？然后CSS3...
-
網(wǎng)易公開課app解析做了一段時間的web此叠，在移動端都快忘光的時候，臨時被征用去做了兩個工具類的app随珠，一個Android原生開發(fā)灭袁，一個H5開發(fā)，彼時已忘得七七八八窗看，一邊看著規(guī)范一邊極力回憶做過的...
-
UI設計師福利——SVG動態(tài)表情先放上效果圖茸歧，再說實現(xiàn)方法。 1.動靜分離 無論何種形式的SVG動圖显沈，第一步自然離不開我們的“動靜分離大法”软瞎。靜態(tài)圖分離出來如下： AI里放到命名為“base”的圖層里逢唤。這個...
-
UI設計師福利——打造SVG動畫應用的微場景SVG動畫即使可以做的炫酷爆炸，但與AE不同涤浇，它不能導成視頻鳖藕，不能導成GIF，而且考慮到AI與SVG的互通性只锭，SVG動畫合適用來做矢量卡通風格吊奢，放到實際應用中，不太建議利用S...
-
UI設計師福利——做一枚與眾不同的loading動圖_SVG動畫本質上是動圖纹烹，我們并不能把它當做實現(xiàn)真正動畫的工具页滚，它比gif動圖的優(yōu)勢在于小的體量，可交互铺呵，可矢量放大裹驰，方便修改色值，但它的劣勢也很明顯片挂，渲染需要耗內存（所以能...
-
UI設計師SVG動畫進階篇——蒙版動畫（上）蒙版對于UI設計師來說幻林，太熟悉不過了，當然了音念，可能PS里面用的多一些沪饺，AI里面用的少一些，SVG同樣支持蒙版闷愤，而且借助蒙版整葡，能完成很多神奇的效果。我喜歡稱蒙版動畫為一種魔術讥脐，...
-
UI 設計師 SVG 動畫進階篇——蒙版動畫（下）繼續(xù)上篇 6.動態(tài)蒙版位移的產生的掃描效果 這個算是上篇末尾的一點小改進遭居，單獨拿出來說，因為這種效果用的場景很多旬渠，關鍵還簡單俱萍，先看示意圖。 設想一下告丢，給文本應用一個蒙版枪蘑，蒙版...