前段時間Framer改版，讓這個軟件大熱，分出了設(shè)計和代碼兩種模式。閣主喜歡嘗試新鮮事物的性格，這下子也是躍躍欲試。這一周，終于靜下心來去嘗試做...
投稿
收錄了21篇文章 · 294人關(guān)注
-
通過Framer來談?wù)勗O(shè)計師學(xué)習(xí)代碼二三事 -
第一章 CoffeeScript初學(xué)者
1：CoffeeScript初學(xué)者 譯者注：本部分介紹CoffeeScript基本語法知識：數(shù)學(xué)符號運算規(guī)則、數(shù)據(jù)類型（數(shù)字和字符串）、變量、布...
-
Framer教程 | Framer & Sketch: 一個有意義的工作流Framer & Sketch: An Intentional Workflow這是一篇翻譯教程，作者是Charlie Deets。作者通過一個...
-
CoffeeScript | 序言
Framer使用必備——入門級語法指南！本節(jié)從序言開始，先向你描繪CoffeeScript的輪廓。查看CoffeeScript英文原版書籍。 序...
-
Framer之事件 | 如何制作安卓點擊水波紋效果？
之前的 Framer 教程都是按照個人喜好去寫的，沒有按照難易程度形成系列。為了讓大家能更好地入門，我準(zhǔn)備由易到難寫一個系列教程，盡量保持在每周...
-
Framer交互實踐：勇敢的心
實現(xiàn)方法來自：Framer教程 效果： 在原來的動畫效果下，修改了兩個小地方： 1. 關(guān)于狀態(tài)跳轉(zhuǎn)的延時，狀態(tài)1--0.4s--狀態(tài)2--0.5...
-
Framer之狀態(tài) | 如何動態(tài)展示一個logo的演變過程之前的Framer教程都是按照個人喜好去寫的，沒有按照難易程度形成系列。為了讓大家能更好地入門，我準(zhǔn)備由易到難寫一個系列教程，盡量保持在每周一篇...
-
Framer之動畫 | 讓播放器的擺針動起來之前的Framer教程都是按照個人喜好去寫的，沒有按照難易程度形成系列。為了讓大家能更好地入門，我準(zhǔn)備由易到難寫一個系列教程，盡量保持在每周一篇...
-
Framer之圖層 | 一起來畫個音樂播放器之前的Framer教程都是按照個人喜好去寫的，沒有按照難易程度形成系列。為了讓大家能更好地入門，我準(zhǔn)備由易到難寫一個系列教程，盡量保持在每周一篇...
-
Framer教程 | 你可能不知道，F(xiàn)ramer中藏著一把瑞士軍刀在Framer中有這么一個函數(shù)模塊，它可以讓你在代碼中更方便地處理一些事情。它所包含的功能及其豐富，可以處理數(shù)值范圍、設(shè)置延時、循環(huán)定時、檢測設(shè)...
專題公告
FramerQQ群：327358496
Framer中文網(wǎng)：http://www.framercn.com
公眾號：codesigner
Framer是一款結(jié)合代碼與可視化實現(xiàn)的交互設(shè)計工具，支持Sketch和Photoshop源文件導(dǎo)入，可在任何設(shè)備上查看效果。我建此專題分享使用Framer的一些心得教程，與喜歡Framer的同學(xué)一起學(xué)習(xí)。
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/251883/framer.logo.jpg', '推薦專題《 Framer學(xué)(入)習(xí)(坑)指南》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/894fd643e695?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}