【端傳媒香港辦公室,誠徵網頁設計師。】
我們的基本要求
‧ 精通網頁的圖形設計和界面設計,對布局、色彩、字體、UI元素、動態效果有深刻見解
‧ 了解網頁和移動端的設計原則與用戶使用習慣, 對細節有精準的把控能力
‧ 精通常用的網頁設計軟件( Photoshop,Illustrator / Sketch等)
‧ 初步掌握HTML,CSS和JavaScript
‧ 具備出色的自主性、自學能力以及創造性思維
‧ 1-3年行業經驗優先,也歡迎有優秀作品的應屆畢業生
我們會考慮的優先項
‧ 對交互設計和可用性原則有深刻理解
‧ 有線框草圖和交互原型的製作經驗
‧ 有3D建模和動畫製作經驗
‧ 手繪技能
一經聘用,你的職責是
‧ 負責交互原型和設計終稿的製作
‧ 參與創意構思過程,提供視覺交互方面的專業建議
‧ 與項目經理 / 記者緊密協作,將需求轉化為視覺方案
‧ 嚴格關注設計產出與前端程序員的技術實現質量,保證最終產品的高效交互邏輯和良好的用戶體驗
如有興趣迎接挑戰,歡迎發送你的簡歷、作品、及對端傳媒的一個意見到designdesk@theinitium.com,請在郵件標題註明來意。
#端傳媒
同時也有1部Youtube影片,追蹤數超過5,470的網紅老闆,來點寇汀吧。Boss, CODING please.,也在其Youtube影片中提到,本次的教學主題是用 GSAP 製作直播互動動態效果,哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。 現在許多電商、遊戲甚至課程平台都有了直播的功能,如何透過網頁特效動態來為互動加分,讓使用者好有參與感,就來跟哲宇一起切磋切磋吧。 (1:50:13) 哲宇大型 ...
css動態效果 在 卡斯伯 Facebook 八卦
21 種按鈕的 Hover 動態效果(請點擊 view demo 查看)
包含手繪、高速動態、否定、對話框等等
以前很常使用開發者工具檢視及拆解
對於 CSS 的進步相當有幫助
大家也可以試試看喔
css動態效果 在 卡斯伯 Facebook 八卦
颱風假前,來欣賞一個幾何風格的網站吧
---
在 Material design 與 Metro Design 後
單純簡潔的網頁設計越來越討喜
這之中包含了幾個要點
1. 色彩單純
過於複雜的色彩容易讓畫面過於雜亂
以這個網站來說
黃色主要色
黑色是文字色彩
這樣,就足夠吸引人了
2. 字體是重點
襯線、無襯線字體可呈現不同的個性
雖然無襯線是主流
也要特別注意在不同的字體大小下
選擇不同的字體粗細使畫面與文字均衡
有時可搭配些裝飾字體
增加更高層次的設計感
3. 善用動態效果
一點點的動態
讓用戶感受到滿滿的用心
自從 CSS 的 transition 與 animation 普及後
網站加入動態相對簡單很多
不需要複雜的 javascript 即可做出效果
配合著不同 timing function
用戶甚至可以從動態效果理解網站所表達的意思
#教召回來了Q_Q #網站分享
css動態效果 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的評價
本次的教學主題是用 GSAP 製作直播互動動態效果,哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。
現在許多電商、遊戲甚至課程平台都有了直播的功能,如何透過網頁特效動態來為互動加分,讓使用者好有參與感,就來跟哲宇一起切磋切磋吧。
(1:50:13) 哲宇大型 debug 現場
#GSAP
--
追蹤老闆的 IG:https://www.instagram.com/bosscodingplease/
Hahow 線上課程:
動畫互動網頁程式入門 (HTML/CSS/JS) 👉 https://bit.ly/3i6OTEU
動畫互動網頁特效入門(JS/CANVAS)👉https://bit.ly/3i3sCYy
互動藝術程式創作入門 (Creative Coding) 👉 https://bit.ly/3yliGiV
Creative Coding 台灣站:https://bit.ly/3iQ8iZF
![post-title](https://i.ytimg.com/vi/VMjBnzeYhsI/hqdefault.jpg)
css動態效果 在 CSSeffectsSnippets 收錄CSS 動態效果,線上預覽一鍵複製 ... 的八卦
Apr 13, 2019 - CSSeffectsSnippets 收錄大約20 多種CSS 動畫,無論是載入讀取中,或是將游標移動 ... CSSeffectsSnippets 收錄CSS 動態效果,線上預覽一鍵複製程式碼 ... ... <看更多>
css動態效果 在 [問題] 如何判斷動態效果是JavaScript或CSS造成 - 批踢踢實業坊 的八卦
例如https://www.htmleaf.com/Demo/201502131375.html
和https://www.flycan.com/demo/transition2/transition_sliderMenu/
如何知道它是由JavaScript或CSS產生動態效果?
又如何從Chrome Developer Tools知道效果是由哪支JavaScript或CSS檔案產生?
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.66
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1485311894.A.55E.html
※ 編輯: qazsd (59.124.165.66), 01/25/2017 11:07:42
... <看更多>