想找一款"设计界的 Github",不知道有没有这样的网站 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
fancy2020
V2EX    Figma

想找一款"设计界的 Github",不知道有没有这样的网站

  •  4
     
  •   fancy2020 2020-07-21 15:35:00 +08:00 18248 次点击
    这是一个创建于 1960 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如像 dribbble 或者站酷这种设计分享网站我们只能看到它的创意结果,如果想看一个设计的实现过程,那么最好的途径就是可以看到设计的源文件,比如.sketch 或者.figma 文件。
    这个有点类似于开源的概念,不知道设计界有没有类似的这种网站
    第 1 条附言    2020-07-21 16:56:20 +08:00
    第 2 条附言    2020-07-21 17:25:43 +08:00
    感谢#19 楼朋友的提醒,Figma Community 基本就是我想要找的东西了,希望早日上线

    https://www.figma.com/blog/introducing-figma-community/
    第 3 条附言    2020-07-21 23:44:12 +08:00
    找到一个不错的项目,汇集了一些开源的设计系统:
    https://github.com/alexpate/awesome-design-systems
    185 条回复    2022-09-15 11:22:43 +08:00
    1  2  
    ON99LOVE
        1
    ON99LOVE  
       2020-07-21 15:39:52 +08:00 via iPhone
    开发一个
    kaiki
        2
    kaiki  
       2020-07-21 15:43:51 +08:00
    你说的大概是那种卖原创模板的网站吧?
    RiESA
        3
    RiESA  
       2020-07-21 15:44:53 +08:00
    有吧,我记得很多,之前在创造狮那个导航上看到不少类似你说的
    DXpro
        4
    DXpro  
       2020-07-21 15:50:16 +08:00
    fancy2020
        span class="no">5
    fancy2020  
    OP
       2020-07-21 15:56:47 +08:00
    @kaiki 花钱的就不说了,免费的有没有
    kaiki
        6
    kaiki  
       2020-07-21 16:03:49 +08:00
    @fancy2020 F12 一按,都是免费的。
    当然,“学习”就行。
    fancy2020
        7
    fancy2020  
    OP
       2020-07-21 16:05:10 +08:00
    @kaiki
    说的是学习“设计稿”,不是学习 HTML/CSS 。
    gz911122
        8
    gz911122  
       2020-07-21 16:06:04 +08:00
    @kaiki f12 怎么看 sketch?
    morizawatt
        9
    morizawatt  
       2020-07-21 16:09:40 +08:00   1
    追波就有啊,有些愿意‘开源’的 up 就会挂上源文件。不过设计跟代码是不同的,设计稿所见即所得也是所见的就是价值,源文件给你了,撰改成本很低,github 上代码就不一样了吧... < br> 再说学设计稿,你临摹就行了啊,为什么要看源文件,思考怎么实现效果也是个学习过程啊
    mmrx
        10
    mmrx  
       2020-07-21 16:10:07 +08:00   9
    设计又不是写代码,代码里能看出来思想,设计你能看出来设计师当时是怎么想的?

    白嫖就白嫖,不要说学习。
    fancy2020
        11
    fancy2020  
    OP
       2020-07-21 16:19:00 +08:00   8
    @mmrx 我还真是为了学习。看设计稿可以知道一个效果是怎么设计出来的,更重要可以知道它的设计稿是如何组织各个图层元素的。

    不知道你有没有了解过 Design System,在 Figma 里也就是 Components/Styles 等功能的运用,这些东西通过看效果图都是看不到的。同一个页面用 Design System 的方式设计和用拖拽图层元素的方式设计差别是很大的吧,我通过源文件也主要是想学习这方面的东西。

    最后想说,不要太恶意地揣测别人
    wangxiaoaer
        12
    wangxiaoaer  
       2020-07-21 16:20:00 +08:00
    @fancy2020 #11 我觉得有道理。
    dun
        13
    dun  
       2020-07-21 16:24:27 +08:00
    em70
        14
    em70  
       2020-07-21 16:25:54 +08:00
    蓝湖, 不就是设计界的 github 么
    morizawatt
        15
    morizawatt  
       2020-07-21 16:34:28 +08:00
    @fancy2020
    噗,你是大厂程序员?别说 design system 了,就算一套设计规范也是为服务一样产品的,整套 design system 是为了统一同一公司品牌下产品服务的。
    你说你从网上各个地方找来的源文件,来学习 design system ???同一 symbol 复用几次就不错了,你想的太多了。至少我见过的网上现成源文件也不是说像你说的拖拽图层,是我们设计师点鼠标,挨个画的,这位亲爱的程序员: )
    fancy2020
        16
    fancy2020  
    OP
       2020-07-21 16:37:35 +08:00
    @morizawatt 没看懂你想吐槽的点是什么,只感觉到了你很愤怒,不知道你在愤怒个啥。。
    fancy2020
        17
    fancy2020  
    OP
       2020-07-21 16:39:37 +08:00
    @morizawatt 你说通过“网上各个地方找来的源文件"学习 design system 不现实,所以我现在就是在找一个更好的网站来学习啊
    lonelymarried
        18
    lonelymarried  
       2020-07-21 16:49:30 +08:00   1
    设计届的不太愿意开源
    darmau
        19
    darmau  
       2020-07-21 16:56:24 +08:00   1
    Figma 的 Community 正在测试,基本就是你说的功能了。
    morizawatt
        20
    morizawatt  
       2020-07-21 17:00:18 +08:00   2
    @fancy2020 愤怒点在于你不懂装懂啊,看了你做的俩网站,多丑我就不说了,挨个元素都不会设计,还扯 design system 。
    哥哥,设计不是你程序员理解的理性上的模块拼装,你硬要白漂,你还不如直接用 bootstrap 模版搭了。
    而且我没听说过设计师学习设计是从别人源文件那里学的,学习设计是学习什么?你会一两个设计软件就是会设计了?你得到别人源文件,白剽里面控件来组装自己页面就是会设计了?
    设计是个综合学科,对美学的培养,对美的理解,对共情能力的培养等等,是你通过摆放几个现成控件就能替代的?
    还 design system......
    fancy2020
        21
    fancy2020  
    OP
       2020-07-21 17:10:23 +08:00   2
    @morizawatt 你说的美学那些的确很重要,但 UI 设计我理解的肯定也有理性的部分吧?学习设计文件的组织方式不是一种学习?
    以及,我说过我"懂 desing system"?我通篇表达的都是“我不懂”,所以我在找资源学习啊?

    另外,不要用职业来定义人,我会写程序,不代表我只能写程序。

    好好讲道理就讲,如果进行人身攻击我只能骂一句:傻逼!
    gz911122
        22
    gz911122  
       2020-07-21 17:16:19 +08:00
    @morizawatt 感觉你这样的推测不是很合理.
    fancy2020
        23
    fancy2020  
    OP
       2020-07-21 17:16:33 +08:00
    @darmau 对,就是这样的东西

    https://www.figma.com/@dropbox

    楼上冷嘲热讽的那些人,看看 figma 在做的事情吧。一群思维狭隘的人
    ipadpro4k
        24
    ipadpro4k  
       2020-07-21 17:17:21 +08:00 via iPhone
    不就想白嫖?
    gz911122
        25
    gz911122  
       2020-07-21 17:18:57 +08:00   2
    @morizawatt
    #20
    感觉你完全没看懂别人在说什么就开始一顿 bb ....

    别人已经强调的很清楚了, 就是想学习 某个效果 的 不同的实现方式之间的区别与优异. 你在这一顿强调什么美学培养...不觉得文不对题?
    /div>
    morizawatt
        26
    morizawatt  
       2020-07-21 17:21:50 +08:00
    @fancy2020 还真是抱歉呢,并没有你说的什么「设计文件」组织方式,就算是 design system,也是一套有价值的设计语言不断迭代维护积累后才产生,上来就扯 design system 无异于剽窃别人控件库。如果你硬是要用前端思维去理解设计的话,那我还真不知道咱俩谁是真傻逼呢~
    fancy2020
        27
    fancy2020  
    OP
       2020-07-21 17:22:01 +08:00
    @gz911122 是,感觉那个人的脑子没有什么逻辑。气得我浑身发抖,忍不住冒脏话了。
    已经强调很多遍是为了学习,楼上一堆人揣测是“白嫖”,也是服了。。
    这些人根本不能理解为什么会有“开源”这回事吧?
    morizawatt
        28
    morizawatt  
       2020-07-21 17:28:51 +08:00   1
    @gz911122 那你跟我说说,lz 表达的想学习「看设计稿可以知道一个效果是怎么设计出来的,更重要可以知道它的设计稿是如何组织各个图层元素的。」
    咱们举个例子,给你一个 v 站的回复这个按钮,它可以是扁平的,可以是带渐变的低位拟实,可以是带线框框起来的,可以是文字加下划线的。给你源文件,你只能看到这个现成的按钮,你告诉我,你能学习到什么?
    另外,他这个按钮摆放的位置,为什么在左下角靠近回复框?给你这个页面的源文件,你能学到什么???
    真的搞笑,给你源文件除了白剽,我不知道任何其他用途
    fancy2020
        29
    fancy2020  
    OP
       2020-07-21 17:36:35 +08:00
    @morizawatt

    拿按钮来讲,一个项目会有很多种按钮类型,比如有 outlined/filled 等,还有各种不同的状态,有 normal/active/horver/disabled 等等。
    通过源文件,我可以知道他是如何组织这些所有按钮类型和按钮状态的组合的。

    再比如,一个设计稿的 Grid 是如何运用的,设计稿尺寸应该定多大,如果要支持响应式应该出几个设计稿

    你觉得学习这些东西算不算学习?通过看 dribbble 上的效果图能学到这些吗?
    morizawatt
        30
    morizawatt  
       2020-07-21 17:52:48 +08:00
    @fancy2020
    我们把这些 normal/ hover /click/unable/active 状态下的面积按钮 /边框按钮 /文字按钮 /输入框 /下拉框 /lable 等等叫控件库,由项目导出的叫 UI 设计规范,大一些的 CI 都有自己的 design system 。
    网格系统,设计规范这些也不是用源文件学习来的。网格系统出自平面设计,移动设计规范来源于苹果安卓自家,pc 网页设计规范出于目前屏幕大小统计,也是随时在变。
    至于你说的响应式,真是抱歉,移动端我们设计出一套 2x 设计,前端就可以自己适配了,你要响应式页面每个尺寸都设计一边就当我没说呢~
    说到底,学习这些根本用不上源文件,上来就说要设计源文件共享平台,不知道你要干什么,还真不怪别人恶意揣测呢。先好好学习如何有效沟通吧您
    fancy2020
        31
    fancy2020  
    OP
       2020-07-21 17:58:02 +08:00
    @morizawatt

    "至于你说的响应式,真是抱歉,移动端我们设计出一套 2x 设计,前端就可以自己适配了,你要响应式页面每个尺寸都设计一边就当我没说呢~ "
    看得出你根本不懂什么叫“响应式”,和几 x 没毛线关系,google 一下吧
        32
    gz911122  
       2020-07-21 17:59:22 +08:00
    @morizawatt

    #28

    就拿你举得例子, 假设 v 站 回复这个按钮, 如果没有源文件, 那么我看设计稿, 我只知道设计的效果,
    但是却不知道是用 sketch 的哪种方式实现的( 因为可能有多个方式可以实现.

    可以理解了么?
    morizawatt
        33
    morizawatt  
       2020-07-21 18:04:12 +08:00
    @fancy2020 诶我去,真的自大自负。响应式现在还用设计稿一个尺寸一个尺寸做的??? width667 出一个,970 出一个??@media 媒体查询???我敲 css 时您还不知道比没毕业呢呵呵哒~不说了,真的 对牛谈琴,真伤肝。
    morizawatt
        34
    morizawatt  
       2020-07-21 18:05:32 +08:00
    @gz911122 ??? exm ??? 你只知道设计的效果,不知道哪种方式实现???你意思是学习软件使用??啊,那还真是抱歉,这不属于学习设计范畴,咱不同一个 level 呢
    morizawatt
        35
    morizawatt  
       2020-07-21 18:07:54 +08:00
    ls 两位已 b 祝你们幸福吧就这样
    fancy2020
        36
    fancy2020  
    OP
       2020-07-21 18:08:10 +08:00
    @morizawatt
    "响应式现在还用设计稿一个尺寸一个尺寸做的??? width667 出一个,970 出一个??"
    能听懂人话不,我说的是想知道别人“如何”设计,我并没有说过我要“ 每种尺寸出一个"吧?
    当然如果愿意你也可以说说你是如何设计的。
    媒体查询是 CSS 实现的问题,现在说的是设计阶段的设计稿!
    fancy2020
        37
    fancy2020  
    OP
       2020-07-21 18:08:42 +08:00
    @morizawatt 软件使用不需要学习?你生下来就会?
    krixaar
        38
    krixaar  
       2020-07-21 18:32:52 +08:00
    看明白了,就想知道人家一个矢量图怎么用矢量软件画的是吧……有这个时间去 codepen 看看人家怎么用纯 css 画画不是一个道理么。
    fancy2020
        39
    fancy2020  
    OP
       2020-07-21 18:37:53 +08:00
    @krixaar 不是,看看#29 楼
    gz911122
        40
    gz911122  
       2020-07-21 18:56:00 +08:00
    @morizawatt 生下来就会? 可真是厉害
    morizawatt
        41
    morizawatt  
       2020-07-21 19:30:43 +08:00 via iPhone
    @fancy2020
    @gz911122
    学软件就学软件,BB 那么多糊逼东西干什么,还扯什么 design system,说你不懂装懂说错了还是咋的?你小学老师这么教你表达需求的?会好好说话么?会几个单词一个劲 bb,horver 都拼错装什么装,真的是
    WngShhng
        42
    WngShhng  
       2020-07-21 20:39:54 +08:00
    有带源文件的,但是不免费,有个免扣图的网站就不错了
    fancy2020
        43
    fancy2020  
    OP
       2020-07-21 20:42:42 +08:00 via iPhone
    @morizawatt 明白这位仁兄为啥被激怒了,”design system”这么高级的名词是只有人家”专业”设计师才能讲的,像我们这种业余学习的人是不配讲的。design system 就是丫的 G 点,不准别人碰只能自己摸
    fancy2020
        44
    fancy2020  
    OP
       2020-07-21 20:44:20 +08:00 via iPhone
    @morizawatt 另外上面跟你解释的一大堆你只理解为学习软件说明你也就是个十八流设计师,会卖弄几个概念而已,而那些概念还不准别人讲
    morizawatt
        45
    morizawatt  
       2020-07-21 21:54:50 +08:00 via iPhone
    @fancy2020 您是真的不会说话♂ 好的好的 您最厉害了 我十八线地才蓝给您作揖了 您可闭嘴吧
    fancy2020
        46
    fancy2020  
    OP
       2020-07-21 22:30:08 +08:00 via iPhone div class="sep5">
    @morizawatt 停战。本来好好的一个问题演变成了一场骂战,对于受到影响的朋友表示抱歉!
    darmau
        47
    darmau  
       2020-07-21 22:33:37 +08:00
    @fancy2020 体谅一下,设计门槛本来就最低,几年来的工作没有本质上的变化我自己是亲历者也没有像产品一样拽出好多大词。

    这几年设计领域最重要的变化就是设计系统了,要是这么容易就被外行掌握,拿别人做出来的组件库拼出还看得过去的设计,还让设计师怎么混。
    fancy2020
        48
    fancy2020  
    OP
       2020-07-21 22:52:15 +08:00
    @darmau 比如像这个项目:
    https://github.com/vmware/clarity
    就是一个开源的设计系统,我觉得通过看它的源文件是可以学到一些东西的。
    这个帖子从前边开始已经被带偏了,我上边提到"design system"只是举了个例子,最初的目的只是想寻找一个像描述里那样的网站,仅此而已。后边变成了“看设计源文件有没有用”。
    est
        49
    est  
       2020-07-21 23:45:55 +08:00 via Android
    首先得有设计界的 git,通用版本管理机制,才能有设计界的 github
    zoharSoul
        50
    zoharSoul  
       2020-07-22 00:03:24 +08:00
    @morizawatt #41

    我寻思别人 32 楼从头到尾也没提到一句什么 horver,design system , 你是眼神不好还是脑子不好?
    morizawatt
        51
    morizawatt  
       2020-07-22 00:07:49 +08:00 via iPhone
    @zoharSoul 我寻思我艾特的不止 32 楼??不知道谁眼神不好使
    zoharSoul
        52
    zoharSoul  
       2020-07-22 00:10:09 +08:00
    @morizawatt 首先你 @的包括 32 楼, 而且你的回复中并没有表示内容不包括他.

    算了刚才看了下回复, 对于你这种认为 开源=白嫖的,没啥好说的....
    morizawatt
        53
    morizawatt  
       2020-07-22 00:13:56 +08:00 via iPhone
    @darmau 13 年才开始有 UI 设计理念您告诉我近几年十几年?好的设计不只有 ui,从 ux 到 ui,从最开始的解决产品问题到后来提出的各种 ucd您告诉我是谁没进步?我看也是真实门槛低,谁都能在设计上说一嘴呢
    morizawatt
        54
    morizawatt  
       2020-07-22 00:14:35 +08:00 via iPhone
    @zoharSoul 好的那您就闭嘴吧
    futandrew
        55
    futandrew  
       2020-07-22 00:36:31 +08:00 via iPhone
    Adobe behance ?
    changwei
        56
    changwei  
       2020-07-22 04:49:20 +08:00 via Android
    软件开源的根本原因是软件的功能具有通用性,同一套代码可以在各行各业使用(比如 discuz,各种 cms 系统)。

    设计这种东西不具有通用性,比如一个 logo 或者一个 banner 横幅一个地方用了,就不太适合在别的地方用了,否则相似度太高了,显得比较山寨。
    Heanes
        57
    Heanes  
       2020-07-22 08:47:35 +08:00
    设计这个东西确实不好有所谓的"开源",意识类的东西
    bigelio233
        58
    bigelio233  
       2020-07-22 09:27:05 +08:00   1
    @morizawatt 真是努力的在解释了。不过也确实要源文件是看不出来什么的,又不像 ps 那些神奇的效果可以看看人家是怎么实现的。你要学这些 UI 实现过程,看看大厂的文件不是更好吗,苹果的人机交互和 Material design,这些就够你钻研的了,色彩、布局、设计系统。为啥要个人的源文件
    darmau
        59
    darmau  
       2020-07-22 09:30:03 +08:00
    @morizawatt 哪只眼看到我说十几年了??解决的问题在变化,解决问题的方法本身有啥变化??有多少设计师在实际工作中连图层结构都整不好更别提复杂的组件套组件了??

    对,我们都没资格说,我 5 年经验 给几个事业部做共用的设计系统没有您有资格,您多优越啊
    darmau
        60
    darmau  
       2020-07-22 09:33:13 +08:00   1
    @bigelio233 设计这几年真的有点点变化。今年在给我们公司其他设计师培训时才发现,原来他们对组件的应用只停留在本地的简单 symbol,没有一个系统的思考,玩不转 figma 的 auto layout……

    我昨天才在 Figma 的 commuity 上看到一个文件,它实现了一个文本框的原型,可以模拟一个真的文本框的行为。虽然在实际工作中不会这么做,但看到这类 hack 技巧还是会有点启发的。

    你看一下这个效果,想想如果没看源文件你能否知道如何实现: https://www.figma.com/community/file/823180444425004744/Any-User-Input-in-Figma
    minamike
        61
    minamike  
       2020-07-22 09:49:10 +08:00 via iPhone   3
    我懂楼主的点
    比如现在(可能)很流行的新拟态设计
    光看设计稿可能也就觉得只是用阴影实现就行了嘛
    但是有些细节(比如阴影大小 深浅 或者一些其他的奇技淫巧)确实是要看设计稿源文件才知道到底是通过哪些效果实现的
    morizawatt
        62
    morizawatt  
       2020-07-22 09:56:12 +08:00 via iPhone
    @darmau 是的呢,我打错字了而已,是几年。既然是同行,就用作品说话,说句实在的,您的追波作品,8k 的面试邀请我都不给您
    gz911122
        63
    gz911122  
       2020-07-22 09:57:36 +08:00
    @minamike
    是的没错, 感觉那个 morizawatt 对此一无所知.
    morizawatt
        64
    morizawatt  
       2020-07-22 09:58:40 +08:00 via iPhone
    @bigelio233 我太难了。
    @minamike 这些奇淫巧技相当于武林秘籍了,人把效果图分享出来就不错了,你让人直接把源文件给你,直接分解涂层,恕我直言,交学费吗
    morizawatt
        65
    morizawatt  
       2020-07-22 09:59:55 +08:00 via iPhone
    @gz911122 呵呵哒,不好意思,你敲代码左抄一句,右拷一嘴你做你的去,设计这边不好意思,没有可能。
    gz911122
        66
    gz911122  
       2020-07-22 10:00:22 +08:00
    @morizawatt
    交不交学费是另一回事, 现在讨论的不是交不交学费,
    而是是否能通过源文件学习到东西.
    看来你目前也认同了这个观点...那么不妨认个错.
    darmau
        67
    darmau  
       2020-07-22 10:00:49 +08:00   1
    @morizawatt 可见你真的是傻逼了

    现在设计师谁还把 dribbble 当回事?设计思路和背景怎么体现?几年没更新的 dribbble 也能当嘲讽点……摊手

    说到作品说话,抛开你一个 shot 都没发的 dribbble,你那毛胚都算不上的啥玩意也没有的个人网站,就这样还好意思嘲笑我???

    真是活久见,啥作品都没有的还好意思到处瞧不起别人
    bigelio233
        68
    bigelio233  
       2020-07-22 10:02:20 +08:00
    @darmau 之前 Google 搜索看过你的 sketch 关于行距的文章,很受用,当时不知道就是大佬你的,感谢。对于源文件的内容,还是因人而异吧,毕竟现在想白嫖的人太多了(我自己也是)
    minamike
        69
    minamike  
       2020-07-22 10:02:30 +08:00 via iPhone
    @morizawatt 人家既然放出来了就是默认分享了啊 就像开源代码一样 又不是说强迫人家一定要免费分享 楼主现在不就是求这样的平台么
    LoLeon
        70
    LoLeon  
       2020-07-22 10:03:49 +08:00
    歪个楼, horver 是啥? 不是 hover 么...
    KillPaul
        71
    KillPaul  
       2020-07-22 10:03:58 +08:00
    @morizawatt 姐妹火药味有点大啊,人家程序员想要学习设计,当然要入门开始,你这样以专业人士身份不停攻击真的好吗?不过身为菜鸟 UI 我还是不想跟你搞僵关系,说不定以后还能请教你呢。
    fancy2020
        72
    fancy2020  
    OP
       2020-07-22 10:06:41 +08:00
    那些认为开源==白嫖的人,肯定理解不了成千上万人花费几十年时间开发的操作系统为什么开源出来免费给你用。
    更加理解不了没有开源软件就没有现在的一切,包括你在使用的 iPhone/Mac/Android,甚至是你正在浏览的 V2EX
    KillPaul
        73
    KillPaul  
       2020-07-22 10:15:54 +08:00   2
    @darmau 同为设计师,我真的有点尴尬。想当初 Sketch 刚出组件功能的时候,没什么人请教自己一个人就只能网上找教程,或者下一些免费的组件库自己去研究,现在才自认为基本可以摸透其中的门路。他不知道哪来的优越感,真以为那些有共享精神的设计师会把自己的源文件像宝贝一样藏着掖着?他自己都说了,重要的是想法,一个源文件而已,除了学习如何整理,能抄出什么东西?另外看了你的网站,比他的体验好多了,希望可以有机会交流学习。
    @morizawatt 当我上条没说,以后不会请教你的。另外你的网站体验感有点 low 。
    bigelio233
        74
    bigelio233  
       2020-07-22 10:19:52 +08:00
    @KillPaul 姐姐太有意思了吧,哈哈哈哈。或许是被人白嫖过才很愤怒吧。都能理解,少点争吵
    expy
        75
    expy  
       2020-07-22 10:29:16 +08:00
    所以只有程序员流行开源吗?
    encro
        76
    encro  
       2020-07-22 10:29:17 +08:00   4
    设计开源系统很多啊,

    weui, bootstrap, vant,free icons, wordpress theme 。。。其实有很多了,
    各类图片网站很多也有付费源文件下载。


    1,

    说白嫖的,
    人家愿意给你的白嫖还算白嫖吗?
    开源 npm,pip,composer,maven 源码都是白嫖。
    既然 python,golang 各类软件都能开源,
    现在很多硬件方案都走向开源,
    开源设计源文件不仅没有任何问题,我认为应该是提倡的,开源让这个世界更美好,早点完成任务下班不美好?
    如果楼主说要做盗版 PSD,sketch,figma 分享,那时候再来批评不迟。
    当然怀疑动机可以提出,既然作者发上来了,有批评是好事,接受批评以后不要做盗版分享,更能将产品与其他产品区分开来。

    2,

    设计确实需要美学,但是美学也可以学是不?美学不是不传之秘。且设计除了艺术(美学)的部分,也有工业(标准)的部分。
    根据源文件学习正常不过了,学画画的时候我们看老师一笔一画画出来( PS 的 history,图层),肯定比直接看作品容易学。通过看源文件,知道人家如何使用某个组件,某个设计方案的具体实现。
    所以我认为分享设计源码是有价值的

    3,

    每个人的基础条件不一样,对你没用的东西,他人可能如获至宝。


    4,

    允许不同意见,每个不同意见都是我们进步的阶梯。



    PS: 想起了我们设计师前几天为了省时间,去淘宝买一个设计源码,然后发现 PSD 里面居然就是一个图层,笑了。所以我认为需求其实还是有的。

    如果贴主有意做这样一个平台,我可以帮你找设计。
    morizawatt
        77
    morizawatt  
       2020-07-22 10:36:34 +08:00
    @darmau 不好意思呢 我个人风格就这样呢,我还看不上你的深色大背景亮色大按钮,大圆角 div,便是困难的大白子用图片趁底,你怎么不说里面作品?几篇文章我也看了,只能算基本科普,基础的不能再基础的东西,不过也没有瞧不起你,感谢您对世人的科普鸭。

    @KillPaul 你看看前几篇,我没好好说话嘛??你通篇看 lz 是个什么态度??我说什么人身攻击的话语了??我问你,你学设计是看别人源文件学的还是拿着设计稿去钻研设计师是怎么设计出这种效果的?后者不能形成自己的设计思路??你做设计,是拿别人组件做自己设计的?? P3 sRPG 颜色配置都分不清的妹妹我是真不愿意跟您相认呢这样
    KillPaul
        78
    KillPaul  
       2020-07-22 10:36:48 +08:00   1
    @encro 还有大名鼎鼎的 freepik,里面很多免费及付费的高质量矢量插图,之前被公司要求做宣传册是这个网站救了我。
    morizawatt
        79
    morizawatt  
       2020-07-22 10:45:06 +08:00
    @KillPaul 诶我去 那不好意思,您还真的是拿别人东西做自己设计的啊。行了妹妹,咱俩别沟通了
    morizawatt
        80
    morizawatt  
       2020-07-22 10:46:15 +08:00
    @minamike 放出来也是有不同商业版权的这位姐姐,您代码有标注版权吗?麻烦您去补下版权知识 8
    KillPaul
        81
    KillPaul  
       2020-07-22 10:47:06 +08:00
    @morizawatt 抱歉看了一遍还是觉得你态度恶劣呢。另外看别人源文件我还真是单纯地想知道人家是怎么管理图层,怎么组织大量组件的呢,甚至如何科学命名各个元素的呢。想必这些都是你这种设计天选之子不需要学习的吧,怕了怕了。另外不知道你从哪翻到的我分不清 P3 sRGB ( RPG 什么鬼),我承认我资历没您高,但是我已经早就分清了呀~ 想必您又是在胎教时就已经悟到了呢,比不了比不了。
    Eninsslei
        82
    Eninsslei  
       2020-07-22 10:49:58 +08:00 via iPhone   1
    天惹真是一场好戏,大水冲了龙王庙,自家人打自家人啦
    morizawatt
        83
    morizawatt  
       2020-07-22 10:49:59 +08:00
    @KillPaul 是呢是呢,你姐我就是地才转世,退下吧洗脚奴
    hafuhafu
        84
    hafuhafu  
       2020-07-22 10:50:47 +08:00
    恐怖如斯
    levineet
        85
    levineet  
       2020-07-22 10:52:46 +08:00   3
    我觉得楼主理想状态下的 “设计界 Github” 定位偏移了

    如果以 Github 来类比的话,设计界的 Github 应该侧重 “为什么这么做” 而不是 “怎么实现成这样的”

    而承载上面说的东西,更适合的内容载体是文章而不是 .sketch / .figma 文件



    “我们只能看到它的创意结果,如果想看一个设计的实现过程,那么最好的途径就是可以看到设计的源文件”

    这个推测出来的过程,很可能就是就是 “这个 UI 好好看,我看看源文件里面按钮取色,描边粗细,字号搭配是怎么做的”

    而这种过程既不是 “学习工具的使用方法” ,也不是学习 “设计的实现思路”,而就是 “获取最终的设计表现结果”

    而 “设计最终的表现成果” 往往是前面一系列工作的最终落地表现,他人只看到这一落地表现,几乎没有任何帮助价值,所带来的就是,“这个样式好看我也用一下” / “这种搭配很舒服我也这么用” / “我在这个整体上改一下用到自己的设计上”,这一行为在设计层面非常接近 “剽窃”。当然如果这个设计师愿意贡献则另说。


    话说回来,在 .sketch / .figma 的文件里面,能学到什么?

    - “这个 Ghost Button 是怎么画出来的? 哦原来可以是在一个方形图层上加描边不加填充做到” 这是学习工具的使用方法,如果是这个目的建议去看工具系统性的教学而不是一个单纯的设计文件

    - “这个新拟态样式是怎么做到的?哦原来是叠加 x y blur 参数怎么怎么样的 shadow” 这只能复制一个一样的出来,然后呢?复制一个到你自己的项目里吗?好听点是借鉴

    - “哦我觉得这种搭配很好看,这种样式的 Ghost Button 和 这种样式的 Label 放在一起真和谐,在我项目里也做一个类似的或者延伸的” 但是你延伸的思考从哪里来呢?这个设计文件是教不会你的,到最后又变成了不论不类,没有实际价值


    如果一个设计师有开源奉献的精神,那更应该的是开源整个设计实现的思路,而用工具将其实现的方法是最不重要的。大的设计团队一直在做类似的事情。


    我觉得为什么上面有设计师会这么气愤,很大程度是上面说的,如果楼主的角度是 “有没有一些好看且免费的设计文件可以参考借鉴” 可能就不会这样。
    KillPaul
        86
    KillPaul  
       2020-07-22 10:52:51 +08:00
    @Eninsslei 哈哈哈哈原来 v 站还是有几个姐妹的。但是算不上自家人,毕竟人与人还是有差别的,有时候还挺大。
    minamike
        87
    minamike  
       2020-07-22 10:54:30 +08:00 via iPhone
    @morizawatt 人家都说了只是用来学习 又没用来商用 真要商用了触犯到您的利益您大可以发律师函厚 这位姐姐建议您喝 130 杯恒河水消消火靴靴
    morizawatt
        88
    morizawatt  
       2020-07-22 10:58:28 +08:00
    @minamike 呵呵哒 您看 lz 做的两个网站,我在 v 站上看到同类产品一抓一大把,学习??微笑.gif
    fancy2020
        89
    fancy2020  
    OP
       2020-07-22 11:01:45 +08:00
    @levineet 不是您理解的这样。上面已经说过很多遍了,再总结一下,我想通过源文件可能可以学习到以下东西:
    - 你是如何组织大量组件和图层的
    - 你是如何运用 Figma/Sketch 的软件特性实现设计组件的可重用和可维护的
    - 如果你做的是响应式网站,你是如何管理不同设备尺寸的
    - 看到一个效果图,如果我绞尽脑汁也不知道如何实现,我想有个源文件的话我可以学到如何“设计出这样的效果”
    - 以及其他任何我可能现在不知道,但是通过看你的源文件可以启发到的 对软件特性的运用或者其他任何东西。
    morizawatt
        90
    morizawatt  
       2020-07-22 11:01:48 +08:00
    @levineet 感恩,我嘴笨,只想逞嘴快,不想讲道理,终于有人讲出道理了
    minamike
        91
    minamike  
       2020-07-22 11:02:31 +08:00 via iPhone
    @morizawatt
    我只是通过楼主这个帖子表达的意图来说明这个想法并没有问题
    其他的我并不想发散
    要真这么说 GitHub 也不应该存在
    不杠了
    适可而止.jpg
    expy
        92
    expy  
       2020-07-22 11:04:18 +08:00
    @levineet 可是开源软件很多是成品啊,只要你遵守相应的许可证,拿去学习、组合、抄袭、商业化都是允许的。
    morizawatt
        93
    morizawatt  
       2020-07-22 11:04:30 +08:00
    @minamike srds 设计和代码本质上是不同的 您好好思考思考吧
    wbget
        94
    wbget  
       2020-07-22 11:05:47 +08:00
    感谢分享出来。
    berrx
        95
    berrx  
       2020-07-22 11:07:18 +08:00
    每日一粒
    levineet
        96
    levineet  
       2020-07-22 11:08:30 +08:00   1
    @fancy2020

    lol...

    1 、设计工具如何使用,建议自己练
    2 、symbol component 怎么创建维护,建议自己练
    3 、很多响应式设计的思路文章建议去阅读
    4 、目前 sketch / figma 我觉得还没有复杂到那个程度,说到底还是工具使用,建议去系统学习 / 自己练
    5 、你想象的很美好,现实中单一一个源文件这种价值几乎没有

    不回了我去做图了
    woodensail
        97
    woodensail  
       2020-07-22 11:13:28 +08:00   6
    其实我感觉 mor 说的一句挺清楚的了。设计师和程序员不一样。
    程序员半路出家看一下午入门书就能摸着别人的代码跌跌撞撞的往前走了。但是设计师是真的不能这样,设计师需要去系统的学习设计语言和技法。否则就算别人手把手教你做,你也不知道为什么这么做。

    毕竟,对程序员而言,每一行代码,每一个范式都是都是智慧的结晶,而最终的成品反而是额外的产出;
    但是对设计师而言,具体的图层 /曲线都只是工具而已,真正体现其水平的在于这些东西组合出来的美感。

    所以说,设计师界的开源确实存在,但是不应该是楼主目前应该追寻的东西,
    EvansUtopia
        98
    EvansUtopia  
       2020-07-22 11:16:34 +08:00
    @morizawatt 作为一名设计师,我只能说我力挺你的观点。其他没什么好争的,日常工作中遇到的开发思维还少吗,有这时间不如咱多出两张图。
    TheLamb
        99
    TheLamb  
       2020-07-22 11:19:26 +08:00
    @levineet #85 目前总结的最到位的了
    EvansUtopia
        100
    EvansUtopia  
       2020-07-22 11:20:21 +08:00
    @woodensail 这位兄弟其实已经说到点上了。大赞这句“毕竟,对程序员而言,每一行代码,每一个范式都是都是智慧的结晶,而最终的成品反而是额外的产出;
    但是对设计师而言,具体的图层 /曲线都只是工具而已,真正体现其水平的在于这些东西组合出来的美感。”
    1  2  
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     887 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 34ms UTC 21:09 PVG 05:09 LAX 13:09 JFK 16:09
    Do have faith in what you're doing.
    ubao msn 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