網頁設計
福老頭
maintainer
19 Followers
44 Articles

网页布局设计和适配(分享会文稿)

Pudge李瑞东

公司前段时间新来了不少交互设计师, Leader 邀请我做一次网页布局相关的分享会,来帮助以往比较少界面设计经验的交互设计师能够更好地完成设计方案产出和交付。现在我将文稿记录在这里。

【译文】如何冲破设计系统的界限

Pudge李瑞东

如果不知道产品业务需要什么,专门负责设计系统迭代的团队就无法进一步发展。另一方面,大多数业务设计团队只在系统的现有规范和组件内完成工作,这不利于进一步推动系统的发展。这样看上去像是僵住了,大家都在停滞不前。

網頁設計師

Redd

Hi, 大家好,我是 Redd!

1

網頁介面設計課程

Jhane

學習基本的使用者介面及使用者體驗,了解製作流程,運用軟體設計網頁介面。

Back to All

在 Clubhouse 節目「創業無定向風」的語音訪問

Kevin @SlowlyApp

今次有幸認識到 Sorted 的共同創辦人 Harry,還有「創業無定向風」的兩位主持 John 及 Finnie。閉關良久,原來已有一段時間沒做過訪問了,也是首次由設計師一直分享到創辦 Slowly 的經歷,足足談了兩小時有多。可以到這裡收聽:Apple Podcast / G...

工作室網站的第五次大改版?!

Jhane

迎來 Deerlight 5.0,分享這次改版的心得及宣傳

[译文] 在技术与产品设计的合作中寻求像素完美

Pudge李瑞东

了解为什么 Shopify 标杆性的主题团队摒弃了传统的专业学科定义。插图由 Alisha Giroux 绘制Shopify 最优秀的主题团队的目标是在年底前推出 20 个新主题。2021 年 8 月,该团队推出了 Shopify 里最重要的主题 Dawn,其中包含了 Shopi...

[译文] 我们如何重建 Shopify 的开发者文档

Pudge李瑞东

详细了解我们为开发者提供更好体验做了哪些工作。Photo by Nicole De Khors from Burst今天,Shopify 重新发布了开发者文档。这是一个漫长而复杂的项目,需要与公司内多个 UX 和开发部门的合作,很高兴看到这个项目的成功上线。

高级排版功能: Case-Sensitive Forms 是什么?

Pudge李瑞东

发现自从转换到 Figma 工作后,我发现在部分字体下的字体设置里,有一个选项叫「Case-Sensitive Forms」,来回切换后,发现了一些有意思的现象。经过一段时间的查阅资料和实践后,获得了新的认识,遂写下这篇笔记来记录这有趣的现象。

笔记:表格宽度的计算规则

Pudge李瑞东

自从 2020 年下半年我在千聊做 B 端设计师开始,我就开始了与 Table 组件打交道。从那时候我就发现了,表格的布局,好像永远都跟我的设想不符,也很难判断到造成这个后果的原因是我提出的设计需求太奇葩,还是前端老哥压根没按我说的去还原。

資訊爆炸時代,沒人想逛的的網站版面設計該淘汰了!

行銷酥

很多時候我們都在專注於擁有一個網站、追求能被搜尋引擎認可,但卻忘了到頭來網站視覺還得經的起使用者考驗。別說是使用者,今天若有兩種不同網頁設計視覺在你眼前,一個精緻但後台可能有問題,另一個粗糙卻有完整的後台功能,你會怎麼選?

CSS 動畫|Happy New Year 2022

Makzan

這個效果使用了之前講解的 CSS 漸層用於文字的效果,配合 @keyframes 動畫效果而成。針對每個字,我們設定其定位為 position: absolute,預設位置於下方 translateY(120%),動畫時間為 1.8 秒,但為達至移入的爽感,移入耗時 10%,停頓 80%,最後 10% 移走。

1

CSS 的 :has 選取器介紹

Makzan

過去三十年,CSS 選取器一直都是向後或向下尋找的,即所有選取器條件,都是應用到條件最後的元素上。這是配合瀏覽器邊下載邊渲染元素的做法,瀏覽器可以在未載入之後的元素時,便已可以應用 CSS 樣式。而 :has 選取器則是應用到選取條件中中間的元素,因而 :has 選取器又被稱為父類選取器。

2021DESIGN4x4:我的 2021 年設計回顧

曼努

脫離不上班族滿一年了用比例來說的話,今年工作的好事爛事比大概是 8:2 吧。之所以能達到這個比例,很大程度要歸功於「在家上班」以及「獲得業主的全權信賴」。遠端工作釋放了我的身體,我不必被某個特定的工作場所綁住,只要能完成工作進度,我想一邊環島一邊工作也沒問題;得到信任就更重要了,...

文網股份有限公司-台灣最老的網頁設計公司

網頁設計

台灣最老的網頁設計公司

菜鳥的前端之路 — 又往前邁開一步了

鹿熙

一直以來網頁設計我只會編輯 HTML ,CSS 是什麼我不太清楚,至於什麼是 RWD 網站,一開始我根本就不知道,但了解之後,我期許自己有天也能獨立做出一個 RWD 網站。

選擇做對的事

有品斯有牌

今天有朋友找我做網頁設計,坦白說我不太愛做網頁設計,因為現在網路太發達,加上各家系統版本不同,手機規格不同,做網站設計比過去繁複很多,一個網站從企劃到製作完成上架,最少要40天,甚至到兩個月,因為過程中還要不斷的測試及修正…因此後來我極少接網頁設計的案子,通常都是老客戶,我才會提...

JavaScript實作練習 part.3-1

鹿熙

來到第三個小練習,今天來做一個電子鐘!

你還在為作品的配色困擾嗎? 這三個網站解決你的煩惱!

阿梧Awu

不論是設計網頁時,或是做影片綜藝字時,我總是在顏色搭配方面思考很久,,但透過這三個網站的幫助,讓我製作作品時,不必再為顏色的搭配思考太久了,在這邊分享給同樣因為配色而苦惱的你(妳)。

JavaScript實作練習 part.2

鹿熙

來到第二個小練習,今天要做的是數值相加!

JavaScript實作練習 part.1

鹿熙

AC的JavaScript 全端開發網路課程只上到學期2-1就停擺,因為發現自己對於程式真的是一竅不通。而這個感覺是,關於JavaScript的用法及概念都懂了,不能說完全不會,在抽絲剝繭別人寫的程式的時候大概都能一一去理解這其中的邏輯,也能依樣畫葫蘆完成一樣的程式,但是不能自己從無到有完成個什麼東西來。

疫情自學系列 I:兩個禮拜取得 Google UX Design Certificate 心得

Neverlandseeker

How to get Google UX Design Certificate from Coursera in 2 weeks?

Gamification UX Design for Social Good on Skill Exchange

Neverlandseeker

SkillEX, a Case Study Exercise from Coursera's Google UX Design Specification

Oops! I Did It Again…UX Design Website Challenge With Adobe XD

Neverlandseeker

Case Study Exercise Round 2 for Coursera's Google UX Design Specification

(終於)用Google 協作平台弄了本人的個人主頁!

梁雪莉Shirley

感謝豆腐和換日線 の 感謝文!

從零開始佈署你的個人網頁 —網域購買篇

TigerCodingStudio

來購買網域吧 ! 挑對了,之後搞不好還可以賣出去賺錢 >.<

在 React 上實作視差滾動(Parallax)效果

TigerCodingStudio

最近工作上遇到parallax的需求,本來想用第三方套件來快速解決戰鬥,怎料網路上根本沒有輕量又符合需求的套件。最後只好動手實作,絞盡腦汁完成的成果如下:Parallax Effect完整的範例在這裡。解釋我這個範例的要求是當目標<div>的底部碰到視窗底部時,背景圖片就要移動到終點(最大值)。

如何抓準客戶的心,加速專案前進時間

Niki

在設計職涯這條路上,滿常聽到大家面臨來自上司、客戶修改設計的問題,若再加上你所待的職場沒有限定修改次數的話,那情況將更無法言語,不斷的修改除了浪費了許多時間成本,也有可能壓縮合作夥伴的製作時間,隨著經驗的累積,漸漸也開始較能掌握客戶的需求,也歸納出幾點能夠更有效率的執行專案並減少修改頻率的方式。

《WordPress內容訂閱》 — 試閱1

ARON HACK 亞倫害的

原始文章《WordPress內容訂閱》 — 試閱1前言網路上可以找到許多關於寫作的書或課程,說明為什麼寫作可以培養表達能力與邏輯思考能力,以及培養寫作能力的具體方法。然而,許多人更關心的是,如果我們想以寫作當成事業,是不是可行,需要具備哪些知識,有沒有技術門檻,可能需要多少成本,以及有哪些潛在的收入來源。

線上架站平台新選擇-Webflow

AndyLu

圖片來源:https://www.norawade.com/resources/webflow本文目錄Webflow是什麼?有什麼優點?使用Webflow需要付費嗎Webflow介面導覽操作上遇到的缺點操作上需要注意的地方學習管道推薦小結Webflow是什麼?