<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UI设计师的日常工作是什么样的？别再被影视剧骗了 - 3S教室</title>
    <meta name="description" content="先打破你的幻想 刚入行时我以为UI设计师每天就是和产品经理头脑风暴，然后画图、给前端切图，日子过得挺滋润。但真正上班后发现，远不是这样。 早上开不完的会 9点上班，先开个站会，然后可能开需求评审会、设计评审会，一上午就过...">
    <meta name="keywords" content="3S教室, Tangman, UI设计, 未分类">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://3scd.com/article.php?id=11111128">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <meta property="og:type" content="article">
    <meta property="og:title" content="UI设计师的日常工作是什么样的？别再被影视剧骗了">
    <meta property="og:description" content="先打破你的幻想 刚入行时我以为UI设计师每天就是和产品经理头脑风暴，然后画图、给前端切图，日子过得挺滋润。但真正上班后发现，远不是这样。 早上开不完的会 9点上班，先开个站会，然后可能开需求评审会、设计评审会，一上午就过...">
    <meta property="og:url" content="https://3scd.com/article.php?id=11111128">
    <meta property="og:site_name" content="3S教室">
    <meta property="article:published_time" content="2026-03-26">
    <meta property="article:author" content="Tangman">
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Article",
        "headline": "UI设计师的日常工作是什么样的？别再被影视剧骗了",
        "description": "先打破你的幻想 刚入行时我以为UI设计师每天就是和产品经理头脑风暴，然后画图、给前端切图，日子过得挺滋润。但真正上班后发现，远不是这样。 早上开不完的会 9点上班，先开个站会，然后可能开需求评审会、设计评审会，一上午就过...",
        "datePublished": "2026-03-26",
        "author": {"@type": "Person", "name": "Tangman"},
        "publisher": {"@type": "Organization", "name": "3S教室", "url": "https://3scd.com"},
        "mainEntityOfPage": "https://3scd.com/article.php?id=11111128"
    }
    </script>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #2c3e50; background: #f8f9fa; line-height: 1.8;
        }
        a { text-decoration: none; color: inherit; }
        .nav {
            background: #fff; border-bottom: 1px solid #eee; padding: 0 24px;
            display: flex; align-items: center; justify-content: space-between;
            position: sticky; top: 0; z-index: 100;
        }
        .nav .logo { font-size: 20px; font-weight: 700; padding: 14px 0; }
        .nav .logo span { color: #f60; }
        .nav .links { display: flex; flex-wrap: wrap; gap: 4px; }
        .nav .links a { padding: 8px 14px; border-radius: 6px; font-size: 14px; color: #555; }
        .nav .links a:hover, .nav .links a.active { background: #fff3e8; color: #f60; }
        .wrap { max-width: 1100px; margin: 0 auto; padding: 32px 20px; display: flex; gap: 28px; align-items: flex-start; }
        .main { flex: 1; min-width: 0; background: #fff; border-radius: 14px; padding: 36px 40px; box-shadow: 0 2px 12px rgba(0,0,0,.05); }
        h1.article-title { font-size: 26px; line-height: 1.5; margin-bottom: 12px; }
        .article-meta { font-size: 13px; color: #999; margin-bottom: 28px; display: flex; flex-wrap: wrap; gap: 18px; }
        .article-meta .cat { color: #f60; background: #fff3e8; padding: 1px 10px; border-radius: 20px; }
        .article-body { font-size: 16px; word-break: break-word; }
        .article-body h1, .article-body h2, .article-body h3, .article-body h4 { margin: 28px 0 14px; line-height: 1.5; }
        .article-body h2 { font-size: 21px; } .article-body h3 { font-size: 18px; }
        .article-body p { margin: 0 0 16px; }
        .article-body ul, .article-body ol { margin: 0 0 16px 26px; }
        .article-body img { max-width: 100%; height: auto; border-radius: 8px; margin: 12px 0; }
        .article-body blockquote { border-left: 4px solid #f60; background: #fffaf5; padding: 12px 18px; margin: 0 0 16px; color: #666; border-radius: 0 8px 8px 0; }
        .article-body pre { background: #2d2d2d; color: #f8f8f2; padding: 16px; border-radius: 8px; overflow-x: auto; margin: 0 0 16px; font-size: 14px; }
        .article-body code { background: #f1f3f5; padding: 2px 6px; border-radius: 4px; font-size: 14px; }
        .article-body pre code { background: none; padding: 0; }
        .article-body a { color: #f60; border-bottom: 1px solid #f60; }
        .back-link { display: inline-block; margin-top: 36px; padding: 9px 22px; background: #fff3e8; color: #f60; border-radius: 24px; font-size: 14px; }
        .back-link:hover { background: #f60; color: #fff; }
        .side { width: 280px; flex-shrink: 0; }
        .side-card { background: #fff; border-radius: 14px; padding: 22px; margin-bottom: 20px; box-shadow: 0 2px 12px rgba(0,0,0,.05); }
        .side-card h3 { font-size: 16px; margin-bottom: 14px; }
        .side-card .recent-item { display: block; padding: 9px 0; border-bottom: 1px dashed #f0f0f0; font-size: 14px; color: #555; line-height: 1.5; }
        .side-card .recent-item:last-child { border-bottom: none; }
        .side-card .recent-item:hover { color: #f60; }
        .author-card { text-align: center; }
        .author-card .name { font-size: 17px; font-weight: 700; margin: 6px 0 2px; }
        .author-card .desc { font-size: 13px; color: #999; }
        .avatar {
            width: 64px; height: 64px; border-radius: 50%; background: #4f46e5; color: #fff;
            display: inline-flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700;
        }
        .footer { text-align: center; padding: 28px; color: #bbb; font-size: 13px; }
        @media (max-width: 860px) {
            .wrap { flex-direction: column; }
            .side { width: 100%; }
            .main { padding: 24px 20px; }
            .nav { flex-direction: column; padding: 10px 16px; }
        }
    </style>
</head>
<body>
    <nav class="nav">
        <a class="logo" href="/">Design<span>·3S</span></a>
        <div class="links">
            <a href="/">主页</a>
            <a href="/classroom.html">3S教室</a>
            <a href="/studio.html">3S工作室</a>
            <a href="/weskill.html">WeSkill</a>
            <a href="/resources.html">设计资源</a>
            <a href="/words.html" class="active">既见青山</a>
            <a href="/road.html">关于</a>
            <a href="/talent.html">艺术生花</a>
        </div>
    </nav>

    <div class="wrap">
        <main class="main">
            <h1 class="article-title">UI设计师的日常工作是什么样的？别再被影视剧骗了</h1>
            <div class="article-meta">
                <span>Tangman</span>
                <span>2026-03-26</span>
                <span class="cat">未分类</span>
            </div>
            <div class="article-body">
                <h2>先打破你的幻想</h2>
<p>刚入行时我以为UI设计师每天就是和产品经理头脑风暴，然后画图、给前端切图，日子过得挺滋润。但真正上班后发现，远不是这样。</p>
<h3>早上开不完的会</h3>
<p>9点上班，先开个站会，然后可能开需求评审会、设计评审会，一上午就过去了。有时候还得临时加会，讨论某个功能该怎么做。</p>
<h3>中期改不完的稿</h3>
<p>设计稿出来后，产品说"这里改改"，老板说"那里再调调"，有时候改了10版，最后用回第一版。你得学会和各方沟通，明白每个人的真实需求，不然改死你。</p>
<h3>后期各种对接</h3>
<p>设计稿确定后，得给前端做标注、切图，前端实现了还得去验收、提修改意见。有时候前端做出来的和你想的完全不一样，还得耐心地和他们说清楚每个细节。</p>
<h3>空闲时间也要充电</h3>
<p>UI设计这行变化太快，你得不停地看新作品、学新东西。稍微放松一下，你可能就跟不上了。</p>
<p>所以，如果你只是喜欢画图，不喜欢沟通、不喜欢改稿、不喜欢学习，那你得好好想想是不是真的适合这行。</p>            </div>
            <a class="back-link" href="/words.html">← 返回文章列表</a>
        </main>

        <aside class="side">
            <div class="side-card author-card">
                <div class="avatar">3S</div>
                <div class="name">Tangman</div>
                <div class="desc">热爱设计，专注于UI设计教学与分享</div>
            </div>
                        <div class="side-card">
                <h3>其他文章</h3>
                                <a class="recent-item" href="/article.php?id=11111153">3S教室：专注于UI设计学习与成长</a>
                                <a class="recent-item" href="/article.php?id=11111145">UI设计师的工作流：我是怎么设计一个需求的</a>
                                <a class="recent-item" href="/article.php?id=11111152">UI设计配色完全指南：从理论到实践的干货手册</a>
                                <a class="recent-item" href="/article.php?id=11111129">UI面试常见问题及答案，帮你少走弯路</a>
                                <a class="recent-item" href="/article.php?id=11111142">UI设计里的按钮设计，这些细节你注意到了吗</a>
                                <a class="recent-item" href="/article.php?id=11111132">从设计稿到开发：UI设计师的切图标注指南</a>
                                <a class="recent-item" href="/article.php?id=11111135">UI设计作品集怎么准备？这些坑别踩</a>
                                <a class="recent-item" href="/article.php?id=11111136">UI设计师想涨薪？先看看这几点你做到了没</a>
                                <a class="recent-item" href="/article.php?id=11111143">UI设计师怎么让设计稿更有说服力？这几点很重要</a>
                                <a class="recent-item" href="/article.php?id=11111118">设计师如何建立个人作品集</a>
                            </div>
                    </aside>
    </div>

    <div class="footer">© 3S教室 · 3scd.com</div>
</body>
</html>
