2016年12月22日

ADOBE Creative Cloud 2017

ADOBE ID Creative Cloud 相關雲端功能:

1.adobe sensei(阿躲避先生?)

   http://www.adobe.com/tw/sensei.html
   目前主要研發的功能，利用人工智慧和機器學習去輔助使用者進行創作，比方說自動辨識
   照片人臉，自動辨識字體....等等，會用在各個軟體功能之上。



2.ADOBE安裝程式提供安裝舊版的選項!(按齒輪)






3.adobe雲端空間

可在資產>檔案內，使用adobe的雲端硬碟
 

    這個空間提供類似google雲端硬碟類似的功能:自動版本控制、共用分享、評論功能，客戶 無須安裝adobe也可以在這個連結之中看到正確顯示的psd或是ai等等的檔案!

其中的亮點是版本控制，google雲端現在也有這個功能，你可以選擇之前上傳的版本，假如發生了客戶說我想要之前那個設計的悲劇發生的話。



4.雲端瀏覽功能

在雲端瀏覽psd的時候，可以透過extract的項目看到psd的單一圖層的尺寸，文字，顏色等等的資訊，視覺設計師出圖給前端工程師切版的時候這個功能非常方便。
使用的時候需找到一個"允許使用"extract"的功能勾選




5.資料夾同步與協作

指定資料夾自動同步，就是自動把你指定的資料夾完整的備份上雲端，請注意企業版使用者一個人只有30gb，不要超過了，可以當異地備援。
然後注意加密病毒，這個也有可能會被上傳.....
另外可以針對檔案做共同作業的設定，讓知道的使用者對檔案進行編輯。


6.adobe 資料庫功能

cc提供一個資料庫，可以讓你在各個應用程式把樣式，圖形，字體都存進去


如果手機也有安裝相關app，就可以互通素材，也可以透過分享連結的方式把素材給另一個人。



7.官方素材資源

在Creative Cloud 應用程式中，有一個資產標籤，具有一個Market標籤，可以取得很多
素材。



放置方式可以把類別做過濾，然後就可以取得很多免費素材。


8.behance

https://www.behance.net/
這是adobe提供的大平台，你可以上去找尋靈感，或是投稿，優秀的稿件如果被adobe看上他會跟你談合約，你就可以獲得免費的adobe cc!
同時這網站也是一個良好的作品集提供站。

9.typekit

adobe 收購，專職字體管理的公司提供很多的免費字體（英文為主），當你把字體存進資料庫的時候就是透過typekit服務，據說連一些線上字體他都可以存的下來用免費的（？），他也是"符合字體"這個技術的提供者，具體的使用方法如下：





他就會搜尋他們線上服務的字體幫你列出可能使用的字型....不過中文的支援度還不完整。


下次介紹app囉！









2016年11月29日

CSSConf Asia Singapore 2016



https://2016.cssconf.asia/

--------------------------------------------------------------------------------------------------------------------------

Laying Out The Future With Grid And Flexbox

@rachelandrew


重點：

首先要學新的layout建構方法：



display: grid將會是下一個熱門的排版方法，但這些新的方法都需要去了解，用來解決各種排版問題。

講者詳述了很多新型的排版解法，可以好好去研究一下

http://codepen.io/collection/DVKrKJ/

錄影
https://www.youtube.com/watch?v=hj355PRbwSQ

Syntax Highlight Everything

@Kenneth Ormandy 

簡報尚未出來，再講關於CSS FONT 的設定，讓一些手寫或是連體能在網頁上漂亮的顯示出

 來，提到TTF和OTF檔的應用，講者應該是一個字體大師。

 有一些新的CSS屬性控制字體

例如 font-variant-ligatures: common-ligatures   ，   font-feature-settings: "calt";

但是我嘗試了一下這些屬性，需要那套OTF字型有支援...

 總之如果順利的話

 1. 選擇字體

 2.LOAD WEB FONT

 3.啟用OTF字體設計的特色(就是使用上面那些新屬性

 想要進一步了解可以去看一下錄影，因為本場次尚未公布，所以只好看講者在其他場相同主

 題的影片..............
https://www.youtube.com/watch?v=s_ooNo2EmMI


Access All Areas


＠Chris Lienert
有點難懂，

 總之在講： <button aria-label="關閉">&times;</button>   

裡頭的  aria-label  aria-hidden

這個東西比較常用來作盲人版的web 

另外也有講一些  data-list  的設定  可以用來製作關鍵字篩選的簡單設定

多多利用這些屬性做能減少使用者key in的設計，並且減少使用jquery等等的套件

增加易用性，也就是"Access"  更能對使用者友善。


Make websites, not apps

＠Soledad Penades

https://soledadpenades.com/files/t/2016_mwna/#2

 這場比較像是一個概念的分享，在講這個世代的網頁設計師如何建造他們的網站，

從telnet時代開始，然後你開始寫html 加上css  最後再加上javascript等等，

其中有一句經典的話語是："不要讓他們說你不是一個真正的開發者，只因為你只會寫css"

 （css也是很博大精深的），最後他勉勵大家至少我們不用寫軟體，已經有個瀏覽器在那邊

 了，做出你覺得最好得網站吧！


The Evolution of CSS4 Color

@Chris Lilley


作者前面花了很多時間在講lab色彩學，
總之CSS4會出現一個新的色彩定義: 像是 background: lch(50 0 0);

把lch 想成類似 rgb的東西就可以了，簡報的前半段是在跟你說lch是怎麼定義的呢?

小小結論是，用lch定義色彩可以快速的把網頁顏色轉換成印刷色彩!


LIGHTING TALK 連發時間

有人介紹他學CSS的經過，有人說CSS可以做到很多JS能做的事情，有人在講D3.js，以後3D

軟體也可以雲端化~~這邊就先跳過。

只有 學CSS經過的講者有分享簡報






Real World HTTP/2

@Michael Mifsud


這篇跟CSS的關連不大，在講HTTP 1 跟 HTTP 2 的差異，對於使用者看到頁面呈現的幫助，

HTTP1 和 HTTP2 ，載入網頁的request 先後順序是不同的， HTTP2 可以確保小圖片都能在第

一時間載入，HTTP 1 比較像是直覺的一個載完在換下一個，講者在說明這個複雜的工程流程(?)


CSS Variables: var(--subtitle)

@Lea Verou 


Lea Verou 是 CSS secret的作者，相信他的炫技實力已經名聲顯赫了，

這次主題圍繞在css variable上， 示範了很多種 variable在 CSS上的應用，例如單純的顏色，

背景URL ，但實際使用上仍然有很多的限制，講者教你突破這些限制的一些稀奇古怪的解

法。最後利用variable結合js，做出與平常javascript邏輯相反的動態效果!


本文結束，詳細請自行端詳資料連結來源~









2016年11月28日

某允的middleman研究



middleman是一個替代fire.app的方案

首先怕忘記，所以給自己做個提醒。

使用middleman前得先安裝ruby...乾脆就直接連rails都裝一裝吧

一開始最困難的應該是裝RVM吧，裝進去以後一切就簡單了。

https://rvm.io/  可以參考看看


裝好以後到commend line

在你的project資料夾輸入 middleman init

EX  $ projects/tmp>  middleman init

就可以發現middleman吐出一些檔案和資料夾...


改天再敘述吧！




2016年6月13日

微。互動



觸發三要素
控制相本身，控制項的狀態，文字或圖案的標籤




設計規則>建立步驟>到達"目標"

ex 已經在追蹤你的人按鈕會變成反追蹤




回饋
了解情境，選擇要回饋的項目或是訊息




 模式

大部分的微互動不會用到模式，模式指一個特定的情況下，所建立的一個微互動的功能，大部分的互動在於"設定一個模式"。ex：按下shift時，啟動大寫模式。雙擊螢幕時跳出選項。

迴圈

透過規則指出的東西，例如30秒抓一次資料，十天送一次通知，ex，有一封未讀取的郵件即時通知的icon上就會有1。









2016年2月16日

Growth Hack 心得

敝人有幸參加了最後一場由Xdite創造的Growth Hack實體課，
這是地16 or 17場，很榮幸與許多人見證了這個歷史。


話不多說我們馬上進入正題。


 http://successter.com/wp-content/uploads/2015/07/growthhackingfeature.jpg

為什麼要知道growth Hack?

先想看看，你是不是有: 產品沒人用，回流率超低，下廣告沒用，有人但是量不會成長，有流量但是不付錢，死都不付錢，市場上面的競爭對手很多但是我覺得我的東西比較好...........以上這種問題？


因為是經營一款產品的過程，因此矽谷的公司開始了growth hacking的研究，原文解釋為"技術創業型團隊通過數據分析和量化指標來推廣產品時所使用的一種市場營運技術"，白話的說，就是用數據化分析找出一個方法，目的是讓你的用戶量成長，讓你的流量成長！


名詞解釋

Growth





Conversion (轉化)
Churn (流失)   >刪除帳號  >丟棄購物車
AARRR 

  • Acquisition (獲取用戶) 
    SEO   FB 廣告  Line行銷    流量行銷
  • Activation (用戶激活)
    點擊廣告  付費購買      免費升級成付費
  • Retention (用戶留存) 
    持續使用  購買更多產品
  • Revenue擴大營收
    讓客戶付更多錢      漲價
  • Referral (推薦介紹)  
    客戶介紹給朋友使用

 

Product Market Fit

什麼是Product Market Fit呢？專業名詞解釋為一個產品的狀態，這個狀態為你的產品已經運行了一段時間，你有一定的客群，你可以暫時擺著他也沒關係的狀態。
 達到這個狀態你才有能力去做擴展事業的可能，所以白話來說 Product Market Fit代表你的產品已經根據市場做了一定的調整，有了自己的定位。要達到這個定位你必須跟你的產品很熟，而且是市場所需要的，然後你在逐步的調整，很少有那種一步到位的產品出現。


所以很多文章再說新創公司一開始要先達到這個PMF的狀態.......達到這個狀態你才能做以後的行銷和growth hack，再那之前應該要做的是讓客群和流量成長，穩定生意。

現在我們達到PMF了，我們開始做growthhack的手段：

 

LANDING PAGE 

  Landing Page（招牌）結構：
  1.  一句話形容自己
  1.  使用此服務的三大好處
  1.  敘述運作原理，或製作示意圖，或製作示意影片
  1.  使用者見證或媒體報導（消除疑慮）
  1. CALL TO ACTION（召喚行動）
  1.  免費註冊或退款保證

EX: Trello（專案管理）視覺管理工具
  • Trello is the free, flexible, and visual way to organize anything with anyone.（第一頁一句話形容自己）

EX: Basecamp
  1. Chaos, Organized
  1. You need to get a project done
  1. Basecamp get projects done (checklist)
  1. NASA, ...（使用者見證）
  1. Use Basecamp free for 2 months

日本的實體店為什麼洗腦？

不只是國外網站有，國內網站也有：
飯局女孩（這是一家餐廳）  

 明確的
  •  降低疑慮
  •  增強信心
  •  CALL TO ACTION（超級重要）<<超級重要
  • 不要看起來很屌但不能幹嘛


ON BOARDING

已經有固定客群但是回流率正在下降的情況，請使用on boarding
1.消除疑慮和挫折
2.馬上帶來好處
3.根據行為給予小惠

EX:記住登入資訊，促使顧客回流。

開發產品迷思:
1.要有很多資訊才能做市場行銷
2.要註冊者填很多資料才能開帳號

所以網路服務建議
1.簡化註冊流程
2免費試用
3.根據喜好馬上推薦內容
3.如果使用者沒有提供喜好，可以詢問原因
4.根據訂閱內容推薦使用者可能喜歡的東西
5.雇用數據科學工程師，分析使用者喜好
6.SINGUP以後提供好處(送時間)
7.30天後問他要不要當下線推薦給朋友，再加送

on boarding可以給顧客認同感，安心感，CP值高

顧客服務

https://mopcon.hackpad.com/MOPCON-2015-Day-1-yoqZwxC74jV



訂閱： 意見 (Atom)