程序员想学 UI 设计:如何使用 Sketch 或者 Figma 设计 App - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
justin2018
V2EX    问与答

程序员想学 UI 设计:如何使用 Sketch 或者 Figma 设计 App

  •  
  •   justin2018 2022-03-21 09:14:09 +08:00 4572 次点击
    这是一个创建于 1302 天前的主题,其中的信息可能已经有所发展或是发生改变。

    老哥们 有啥好的教程推荐 不说从 0 到 1 重新做一个 App

    能照着现有的 App 临摹一个 一模一样的也可以


    尝试了临摹 App:

    1.截图 App

    2.标注截图

    3.按照标注图 使用 Sketch 还原 App

    但是感觉还是跟原来的 App 不像 看着就是感觉不协调 不是同一个 App

    17 条回复    2023-09-25 16:09:29 +08:00
    kyro00000
        1
    kyro00000  
       2022-03-21 09:37:00 +08:00 via iPhone   1
    别相信自己的天赋啊。好好找个班学习吧
    wa143825
        2
    wa143825  
       2022-03-21 09:45:48 +08:00
    软件不重要,软件不重要,软件不重要

    从基础的设计规范开始学起。
    tooyotu
        3
    tooyotu  
       2022-03-21 10:04:00 +08:00   1
    最近在学的一个 Figma 教程,非常不错,推荐给你
    https://www.bilibili.com/video/BV1fg411G7cs?p=2
    nobodyknows
        4
    nobodyknows  
       2022-03-21 10:38:38 +08:00
    去 youtube 找些视频看看靠谱点
    FightPig
        5
    FightPig  
       2022-03-21 10:40:14 +08:00
    做为一个没啥美感的人,我每次都感觉画啥都画不出来
    ETiV
        6
    ETiV  
       2022-03-21 11:45:34 +08:00 via iPhone
    ui8.net
    照着上面的设计稿抄
    murmur
        7
    murmur  
       2022-03-21 11:46:22 +08:00
    功能>界面,国内绝大多数软件称不上丑,刨去司马的没客服还有小而美功能还是在线的

    国外的么,那些所谓精品 app ,有刚需吗?
    zooeymango
        8
    zooeymango  
       2022-03-21 13:38:10 +08:00
    UI 的背后我觉得是美学基础, 不是模仿就可以模仿出来的, 这个基础真的难打啊, 照抄没有那个灵魂
    chodomatte
        9
    chodomatte  
       2022-03-21 15:46:45 +08:00
    @ETiV 里面的没有免费的吗
    ALVC666
        10
    ALVC666  
       2022-03-21 15:50:07 +08:00
    最怕设计,自己能感知到好看还是不好看,但是让我来实现好说,
    让我设计真不行。
    learnshare
        11
    learnshare  
       2022-03-21 16:09:07 +08:00
    UI 设计没这么简单,熟悉工具也只是加快出图效率而已,工具还真的不重要

    先问自己一些问题
    1. UI 是什么
    2. 如何评价 UI 的好与坏
    3. UI 与开发有什么关系
    4. 开发方面的经验如何应用到 UI 设计领域
    foveal
        12
    foveal  
       2022-03-21 17:36:20 +08:00
    我觉得 figma 还比较简单,我也是研发,最近简单需求都是直接 figma 画画,不需要找产品和 UI 了
    可以找个快速教程熟悉一下,然后通过截图+拼拼凑凑就可以做出简单的原型了
    遇到新场景可以在社区搜别人的方案来改
    你可以把你画的和原 app 贴出来,大家给你指出问题
    Bijiabo
        13
    Bijiabo  
       2022-03-21 17:38:50 +08:00
    我认为使用软件的技能是必要的,但对于一个完整设计来说只是其中的一小部分。
    在做具体设计之前,首先提升审美、眼界是必要的先达到「眼高手低」的地步,意识里面知道要做成什么样,然后再针对性的学习技能。

    推荐多刷刷 Pinterest ,内容不限于平面设计、插画设计、产品设计、工业设计等,先丰富看过的设计。
    yuens
        14
    yuens  
       2022-03-21 21:40:48 +08:00
    我是设计,如何学习写代码?
    MaoshuoChen
        15
    MaoshuoChen  
       2022-03-22 01:33:12 +08:00
    找一个比较新的规范比如 Material You ,照着做一般没啥问题
    CSGO
        16
    CSGO  
       2022-03-22 08:08:21 +08:00 via Android
    工具很简单,5 分钟上手。关键不是工具的使用。
    yancymin
        17
    yancymin  
       2023-09-25 16:09:29 +08:00
    https://jsai.app/ai 可以试试通过需求描述生成 web 、mobile 端的设计稿,满足中级设计质量的要求还是可以的
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5882 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 03:21 PVG 11:21 LAX 20:21 JFK 23:21
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86