目前分類:未分類文章 (75)

瀏覽方式: 標題列表 簡短摘要
article_main_img

文、前端小編

 

 

 

設計網頁的時候要怎麼達到吸引使用者但又不太複雜的效果或特效呢?簡單的按鈕hover效果不只會豐富你的網頁,還會加強你的網頁設計感。下面就來一一介紹幾個簡單的按鈕hover效果吧!

 

在我們開始之前, 首先要先設置好HTML頁面,將一塊div標籤的class命名為demo,且建立三個a標籤,並將其class命名為hover,在依序新增對應的data-hover屬性。

 

  
                <div class ="demo">
                        <a href ="#" class ="hover" data-hover ="HOME">HOME</ a>      
                        <a href ="#" class ="hover" data-hover ="NEWS">NEWS</ a>
                        <a href ="#" class ="hover" data-hover ="ABOUT">ABOUT</ a>
                </div >
        

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文/圖、耀月老師

 

 

 

各位同學大家好,好像沒有畫過人物設計系列,今天開始教學應該會有一系列人物設計的教學,其實人物設計就是”對方設定的東西和造型以及配件,再加到繪製的人物身上”而已,但是對於剛接觸繪畫的同學來說,需要在這方面多下點功夫。

 

其實如果要學好畫圖,多多嘗試繪畫新東西才是進步的關鍵!

 

 

使用軟體:Painter

使用筆刷:錐形康特筆、數位噴槍、輕柔噴槍、輕柔炭筆、混色筆(只加水)等……

推薦課程:Painter創意電繪設計

 

 

 

 

1. 首先,先將人物以及該有的配件用草圖繪製上去,配件為帽子、軍用背袋、迷彩衣褲,表情設定有一點酷酷的感覺。

 

 

2. 接著,先在草圖下方墊個顏色(用油漆桶工具),顏色任意即可(看你眼睛舒適度),墊顏色主要原因是避免在繪製的時候將色塊塗出原本要填色的位置。

 

 

3. 用數位噴槍,將不透明度調整為100%以後,畫出全部的色塊,在這個階段就可以分配想畫的區塊顏色,所以用色上要注意一點。

 

 

4. 開始依序繪製出人物的立體感,我都是習慣先從人物的臉部開始畫起。

 

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

Photo by Jopwell from Pexels

文、Livia Yang

 

 

 

作者簡介|Livia Yang
Adventurer, UX Designer, PM in China. "Stay Hungry, Stay Foolish"

 

 

 

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

Photo by Sarah Pflug from Burst

文、Livia Yang

 

 

 

作者簡介|Livia Yang
Adventurer, UX Designer, PM in China. "Stay Hungry, Stay Foolish"

 

 

 

 


 

 

 

今天我們來聊聊面試這檔事吧。

 

講到面試,不免讓人覺得緊張,但工作面試其實很像相親,雙方通過短時間的溝通,來了解是否符合彼此的期望,並爭取進一步相處的機會。

 

有些人可能會掩飾,甚至曲解本身的想法,去迎合面試官和崗位的要求,但我覺得應該要以更健康的心態來看待面試,在過程中也是你面試公司,甚至是直屬主管是否能符合你的未來規劃,雙方的共識越高,日後的合作也會越加順利。

 

 

 

你是誰?從哪裡來?到哪裡去?

 

如果我們想要進某個戒備森嚴的機構,大概有很高的機率會聽到警衛問這句話:「你是誰?從哪裡來?要到哪裡去?」如果連我們自己都不清楚,或回答的很含糊,估計是很難闖關成功。

 

面試是一樣的道理,如果面試者對於自己當前所處的位置,以及未來的職涯追求都想不明白,那面試官很容易會認為你不是最適合的人選。

 

【產品經理職場談】 — 給新鮮人求職前的準備建議 一文中,我提到求職前很重要的是:想一想2年後的你是什麼樣呢?

 

這個答案會對應到要面試什麼工作?有多個Offer時要選哪一家才好?

 

薪資 、地點、 升遷空間、 學習資源、 同事、 主管、 工作環境、 福利津貼、行業、 品牌知名度 、準時上下班等都可能在我們選擇工作時的考慮範圍內,當我們對目標夠明確時,就能排出一個權重列表,所以有人寧願放棄高薪的工作,換取更大的發揮空間; 或中年轉換跑道,追求趨勢下新興的行業,避免被淘汰; 或放棄海外工作,為了有更多時間陪伴家人。

 

所以,請提前想好什麼因素是你最在乎的?在面試的時候,其實應聘者是否準備好了,都會反映在言談中是否具備足夠的自信和熱情,以及論述是否有邏輯,這樣自然流露出的強大氣場也會感染面試官,進而留下深刻印象。

 

 

 

一份吸引人的簡歷該怎麼寫?

 

簡歷是取得面試門票很重要的一環,有的人能力很好,與崗位也很匹配,但是在簡歷篩選的階段,卻因為呈現方式不夠突出,導致連面試的機會都沒有,實在很可惜。

 

所以,我們在準備簡歷時,建議先思考:誰會看你的簡歷?他們的需求是什麼?

 

通常第一關是由HR先進行篩選,此時會在公司內部的人才庫或是第三方招聘平台進行關鍵字搜尋,例如:B端產品經理、3–5年工作經驗、相機類App設計等,在招聘旺季HR可能一天要看百份履歷,所以不會有太多耐心看簡歷上密密麻麻的描述,這時我們可以通過強化關鍵字的方式,快速突出自己的優勢和特長,以便簡歷進一步過到用人主管手上。

 

通過關鍵字,重點展示個人核心優勢

 

 

對於用人主管來說,更關注的是每份工作候選人所擔任的角色,以及最終量化的成果,這時將工作成就數字化就非常重要,也能夠突出個人貢獻。

 

量化個人工作成就

 

 

所以一份好的簡歷能夠成功引起面試官的注意,甚至是留下不錯的印象,有幾點注意事項:

1. 簡歷第一部份以關鍵字標明個人優勢

2. 項目經歷描述重點工作、量化成就

3. 每份工作是否具連續性和計畫性

4. 內容以動詞來呈現,描述過程和數據指標

5. 格式統一,介面簡潔乾淨

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文/圖:Andy老師

 

 

 

大家好,今天要跟大家介紹的畫作是和平天使,意思就是畫一位長相甜美的少女,有點像和平大使之類。

 

一開始我會先用painter鉛筆工具的覆蓋鉛筆來畫草圖,並使用快速仿製的功能,用粉蠟筆的粗油畫粉蠟筆來畫基本膚色,算是做一個膚色打底,而這個打底已經將大至膚色的深淺變化畫出來了。然後,圖層模式使用「加亮加暗」效果,再配合色筆的只加水功能,和噴槍的數位噴槍。

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文、Livia Yang

 

 

 

作者簡介|Livia Yang
Adventurer, UX Designer, PM in China. "Stay Hungry, Stay Foolish"

 

 

 

 

 

【產品經理職場談】 — 帶你認識互聯網產品經理 這篇文章中,我們聊到產品經理是一個非常要求綜合能力的崗位,隨便翻翻產品經理的崗位描述,要求具備用戶調研、需求管理、商業洞察、數據分析、團隊協作、文檔撰寫、懂基礎開發技術、會使用Axure原型工具……等能力,記得當初我看到也是心一涼,覺得這十八般武藝要樣樣精通也太難了吧!(暈)

 

那麼對於新鮮人來說,我們可以怎麼開始第一份產品工作呢?

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文、00nyrhtak

 

 

 

2018/10 月 AAPD 在 Facebook 上發起了「生活中的難用介面大賞」,邀請「受害者」們投訴難以使用、令人懷疑人生的操作介面,從鐵路時刻表到 ATM 交易畫面,都能感受到無盡的困惑和痛苦的哀號。沒有為生活帶來便利就算了,反而還形成「科技考驗人性」的窘境!

 

呼應此次怒氣四溢的活動,AAPD 緊接著舉辦「練功房|介面 Redesign 挑戰賽」,賦予難用大賞的得主之一 YouBike App 重生機會。剛好在挑戰結束後沒多久,不知是否被設計師們強大的氣場(怨念)影響,YouBike 悄悄進行了介面大翻新(和 Redsign 後的版本有幾分相似!)

 

 

版本 3.3.19 的站點地圖笑得你發寒,感覺就會造成密集恐懼症患者的莫大恐慌,成為難用大賞的眾矢之的;更新後的 版本 4.0.7 有大幅度進步,友善多了,一次只顯示幾筆該地區周遭的站點。而這次挑戰賽的重點我認為在於「如何清楚有效率地傳遞站點資訊」,讓使用者能夠快速掌握站點狀態。

 

 

本文架構

ㄧ、組隊參賽:和夥伴一起建立團隊共識

二、專案背景:現況問題、預期目標

三、前期研究:用戶評論、競品分析、設計原則

四、資訊架構:打造與產品的良好溝通

五、重新設計:整體介面呈現

 

 


 

 

 

一、組隊參賽:和夥伴一起建立團隊共識

 

最初是從 hui 那裡得知挑戰賽的消息,平時我們會透過 Messenger 交流各種 UI/UX 資訊,也盡可能為對方面臨到的疑難雜症提供協助,很感謝有他這位好碰油。雖然在他提出組隊的當下我回應「滿想試試看的」,但一方面又怕工作結束後沒有餘力完成作品,回家後只想當個徹底的廢人。後來實在是太想看到大家對於同一個題目會有什麼不一樣的改造,決心參賽。

 

報名成功後,我們花了些時間聊聊參賽的原因和期待。hui 先前曾經以個人身分參加過 UI Club 的音樂應用挑戰賽,想體驗看看兩人組隊參賽。我則是沒有任何比賽經驗,趁這個機會給自己一個小挑戰,也想知道作品是否能夠得到評審的認可,或者我只是單純在自嗨。我們也都好奇對方的設計流程、使用工具、參考資源⋯⋯,透過挑戰賽互相學習。

 

我們的溝通和協作方式

・檔案共享平台:Dropbox

・共筆文件:Dropbox Paper

・咖啡廳:溫床 NEST羊毛與花

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文、Livia Yang

 

 

 

作者簡介|Livia Yang
Adventurer, UX Designer, PM in China. "Stay Hungry, Stay Foolish"

 

 

 

 

 

人人都是產品經理?

在大學裡,並沒有一個學科是專門針對產品經理崗位所設計的,但是產品經理的職缺卻充斥在各大求職網站上,涵蓋了零售業、快消品(FMCG)、硬件開發、互聯網等,各自的工作職責有著天壤之別,但唯一不變的是,「產品經理」的稱呼總給人一種改變世界的光環感,隨著Apple和微信的成功,賈伯斯和張小龍也成為產品大神級的人物,許多畢業生和在其他崗位工作的人紛紛都投入產品經理的行列,那麼,只要懷有滿腔熱情和想法,真的人人都可以成為產品經理嗎?(眼神發光)

 

嗯,我只能說:「請三思呀~施主!」

 

雖然說整個團隊的工作開展通常是圍繞著產品經理來進行的,感覺好像很厲害,但事實上,產品經理所肩負的責任和壓力是非常大的,也很容易成為眾矢之的,就讓我娓娓道來在光鮮亮麗的職稱背後,互聯網產品經理不為人知的喜怒哀樂吧。(請關注【產品經理職場談】系列文)

 

 

第一位產品經理的誕生

故事就發生在1931年,美國P&G的Neil H. McElroy首次在他的備忘錄上提及品牌管理者(Brand Man)的概念,這個崗位需要對一個品牌絕對的負責,從品牌建設到市場銷售等大部分的工作都要一手包辦,主要偏市場和商業端,但對產品的發展起到很關鍵的作用。而產品管理(Product Management)制度也受到越來越多的行業重視,優點是加強了產品的整體規劃性,但同时也對這個產品負責人的能力和責任提出很高的要求。

 

隨著互聯網的蓬勃發展,產品經理的崗位細化成產品策劃和產品運營(在很多大陸求職App上可以看到),兩者的差別是:

 

產品策劃把握產品需求,和開發者溝通並推動需求上線,做好產品規劃和迭代。

 

產品運營了解用戶慾望,擅長文案編輯和策劃創意活動。

 

 

以拍電影來舉例,產品策劃就像導演和編劇的角色,需要統籌整個電影環節的內容、拍片節奏和協調團隊,而產品運營就是負責電影的整體包裝宣傳,吸引大批觀眾來觀看,創造口碑傳播。

 

一般來說,產品經理常指的是產品策劃,而有的公司產品部門會包含產品策劃和產品運營,有的則是拆成產品部門和運營部門分開管理。

 

 

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文/圖:Alam老師

 

 

 

大家好,我是Alam,這一次我們來嘗試一下另一種的傳奇人物-「月神」,同樣的,這一種奇幻人物的創作也都是憑空想像慢慢刻劃出來的,所以這次我還是想用自己的印象跟想法將她呈現出來 ^^

 

►推薦課程:Painter創意電繪設計

 

 


 

 

 

1. 由於這個人物是從想像裡出現的,所以實際的一開始形象並不是那麼清晰,因此我們就以簡單草稿方式先把基本體態和比例打稿出來。

 

 

2. 接著,以灰階的方式依照草稿填滿基本輪廓。

 

 

3. 開始針對身體特徵及五官做出定位……

 

 

4. 開始修飾人物的身形與五官,整體姿態也要開始明確化。

 

 

5. 人物五官先做初步拿捏,如果覺得不適合可以隨時修改,整個身體目前只是做初步的素體處理,我們的目標並非是要畫裸體喔!

 

 

6. 在人物全身先行上色,特別是臉部與肌肉線條的部分要做出明確而玲瓏的立體感,如果感覺上還舉棋不定的話就先暫且停下改換畫服裝的基本素體。

 

 

7. 再來就是人物背後的薄紗部分,我們可以用「刷式畫刀」修改角度的表現功能為「方向」,這樣可以依照筆壓手感畫出輕柔翻轉結構的效果……

 

基本的塑形完成後,當然還需要華衣點綴啦,來看看老師是如何完成的吧! 我想👉觀看全文 。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

 

 

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

 

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文、陳思傑 Jesse Chen

 

 

 

本文文長約 1,890 字,閱讀時間約 6 min。這篇來聊聊「社群」這份工作,到底在做什麼?對從事社群行業有興趣的朋友、已經在這份工作中卻感到迷惘的朋友,歡迎透過這篇文一起交流。

 

 

 

這週六為了要講一場關於「社群這份工作」的分享會,我試著記錄了我這一週以來的工作,包括我的行程、會議、自己花多少時間做哪些事情,希望能讓對社群工作有興趣的人們,真實地感受:到底我們每天都在做什麼?(下圖是我的 Google Calendar 的截圖:深綠色的區塊是會議,淺綠色的區塊是我自己工作的時段。)

 

這是我 3/5 這一週的行事曆

 

 

可能很多人對「社群經營者」或是「小編」這樣的工作內容不是完全瞭解。至少以我們團隊而言,經營粉絲專頁、想貼文 … 這些只是其中一小部份而已。我們的工作時間大致會花在下面 4 個部分上:

 

 

1. 策略規劃:

 

如何調整整個集團、品牌的社群策略?如何在社群上透過精密的 Campaign 操作完成客戶的行銷目標?這些都是我們的工作。這週我們花了相當多時間思考、規劃客戶的 IMC(Integrated Marketing Communication),每一次的提案對我來說就像解謎遊戲,我非常非常在乎提案邏輯的嚴謹,而也很享受在無數痛苦的討論後 — 漂亮地提出解答,並且完成任務。

 

策略規劃 3 大關鍵能力:邏輯、架構、表達
邏輯是規劃社群策略和 Campaign 的關鍵,但需要透過完整的架構、清楚地表達,才能漂亮地說服客戶。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文/圖:Alam老師

 

 

 

大家好!我是Alam,這次要介紹分享的一張圖是以來自星空的美女為主題的作品,在這張圖裡面,重點就是在肢體與輕便精簡的服裝表現,另外再加上一些光影及星空背景就顯得很有味道了,這是一張偏寫實的畫作,當然畫成身材姣好的美女是主要的重點,所以我們在畫面處理上有部分便以比較鮮明的線條來呈現,但是要注意人物前後肢體透視遠近。繼之以整體光影的處理即可。現在就讓我們來好好迎接這個外地來的訪客吧!

 

此次會使用到的筆刷如下(部份會經由修改設計後才使用的):

a.特效 /膨脹

b.噴槍/輕柔噴槍

c.噴嘴/線性大小P角度D

d.照片/暗化

e.混色筆/只加水

f.橡皮擦/橡皮擦

g.畫刀/刷式畫刀

h.照片/加入紋路

i.油畫粉蠟筆/圓頭油畫粉蠟筆

j.花紋畫筆/遮罩花紋畫筆

 

►推薦課程:Painter創意電繪設計

 

 


 

 

 

1. 首先,用「油畫粉蠟筆/圓頭油畫粉蠟筆」以色塊方式畫大概的人體姿態,先把人物的輪廓和簡單線稿架構呈現出來。

 

 

2. 接下來,依照參考草稿上色,將身體曲線慢慢修飾出來,手腳與五官也同時描述出來。

 

 

3. 在右手及左腳加上裝飾環,並且加上性感的小褲褲和肚臍環,髮型的形狀也先稍微整理一下!

 

 

4. 加上服裝並給予服裝滾邊,順便調整一下胸部和腹部線條。

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖:Alam老師

大家好!我是Alam,這次要分享的教學圖是俏皮的動物──哈士奇。這張圖裡,除了要畫一隻裝可愛的哈士奇,另外再加上一顆搞笑的月亮,其餘就是剩下一些小光影的處理及前景的布置,這樣就整個氣氛就顯得更有味道了,這也是一張偏半寫實的畫作,所以我們在畫面處理上有部分便以比較鮮明的線條的呈現,還需要自己取選取一些素材,繼之以較高彩度、調色等影像處理而成的。現在就讓我們來好好共享這個作畫過程吧!

 

此次會使用到的筆刷如下(部份經由修改設計後才使用的):

a.特效 /膨脹

b.噴槍/輕柔噴槍

c.噴嘴/線性大小P角度D

d.照片/暗化

e.混色筆/只加水

f.橡皮擦/橡皮擦

g.畫刀/刷式畫刀

h.照片/加入紋路

i.油畫粉蠟筆/圓頭油畫粉蠟筆

j.畫刀/調色刀

 

 

►推薦課程:Painter創意電繪設計

 

 


 

 

 

1. 首先,前景部分是我自己去取景的石堆,然後再搭配使用「噴嘴/線性大小P角度D」畫出石塊功能提升前景的輪廓……。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

本文選自2013部落格徵文活動參加作品

文、張鈞琪

文章標籤

聯成電腦 發表在 痞客邦 留言(10) 人氣()