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

2020-07-21 15:35:00 +08:00
 fancy2020
比如像 dribbble 或者站酷这种设计分享网站我们只能看到它的创意结果,如果想看一个设计的实现过程,那么最好的途径就是可以看到设计的源文件,比如.sketch 或者.figma 文件。
这个有点类似于开源的概念,不知道设计界有没有类似的这种网站
16663 次点击
所在节点    Figma
185 条回复
fancy2020
2020-07-21 17:10:23 +08:00
@morizawatt 你说的美学那些的确很重要,但 UI 设计我理解的肯定也有理性的部分吧?学习设计文件的组织方式不是一种学习?
以及,我说过我"懂 desing system"?我通篇表达的都是“我不懂”,所以我在找资源学习啊?

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

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

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

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

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

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

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

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

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

#28

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

可以理解了么?
morizawatt
2020-07-21 18:04:12 +08:00
@fancy2020 诶我去,真的自大自负。响应式现在还用设计稿一个尺寸一个尺寸做的??? width667 出一个,970 出一个??@media 媒体查询???我敲 css 时您还不知道比没毕业呢呵呵哒~不说了,真的 对牛谈琴,真伤肝。
morizawatt
2020-07-21 18:05:32 +08:00
@gz911122 ??? exm ??? 你只知道设计的效果,不知道哪种方式实现???你意思是学习软件使用??啊,那还真是抱歉,这不属于学习设计范畴,咱不同一个 level 呢
morizawatt
2020-07-21 18:07:54 +08:00
ls 两位已 b 祝你们幸福吧就这样
fancy2020
2020-07-21 18:08:10 +08:00
@morizawatt
"响应式现在还用设计稿一个尺寸一个尺寸做的??? width667 出一个,970 出一个??"
能听懂人话不,我说的是想知道别人“如何”设计,我并没有说过我要“ 每种尺寸出一个"吧?
当然如果愿意你也可以说说你是如何设计的。
媒体查询是 CSS 实现的问题,现在说的是设计阶段的设计稿!
fancy2020
2020-07-21 18:08:42 +08:00
@morizawatt 软件使用不需要学习?你生下来就会?
krixaar
2020-07-21 18:32:52 +08:00
看明白了,就想知道人家一个矢量图怎么用矢量软件画的是吧……有这个时间去 codepen 看看人家怎么用纯 css 画画不是一个道理么。
fancy2020
2020-07-21 18:37:53 +08:00
@krixaar 不是,看看#29 楼
gz911122
2020-07-21 18:56:00 +08:00
@morizawatt 生下来就会? 可真是厉害

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/691930

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX