如题， 看到很多独立开发者大佬做的网站和 APP 的界面都是好看的一笔，如丝般顺滑，都是怎么设计的，小弟我也想学学，求求各位大佬给指点迷路 我的疑惑点主要是，这些界面动画都是开发者自己独立设计和开发的么，还是额外让别人做好设计后，自己再开发的
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 1124 days ago, the information mentioned may be changed or developed.
Supplement 1 · Oct 10, 2023
看看我lowb的默认ui
 |
jokechenOct 8, 2023 via iPhone
1
想学+1
|
 |
nearhanOct 8, 2023
2
想学+2
|
 |
moytOct 8, 2023 via Android
3
想学+3
|
 |
lilei2023Oct 8, 2023
4
想学+4
|
 |
BreakTheBankOct 8, 2023
5
想学+5
|
 |
Charles0929Oct 8, 2023
6
想学+6
|
 |
loveloki32Oct 8, 2023 via iPhone
7
想学+7
|
 |
leegooOct 8, 2023
8
想学+8
|
 |
dj721xHiAvbL11n0Oct 8, 2023
9
想学+9
|
 |
mikaelsonOct 8, 2023
10
想学+10
|
 |
11
我的 App 当前版本的 UI 比第一个版本的漂亮很多，提高的办法就是多观察其他知名产品，不断迭代。
对于组件，遵守如无必要，勿增实体，多考虑一下如何删掉这个组件 对于色彩，如果不会搭配就不要有鲜艳颜色，用黑白蓝 我的 App 截图：👇  ) |
2 |
yechentideOct 8, 2023 via iPhone
12
想学+11
|
 |
timnottomOct 8, 2023
13
想学+12
|
 |
YuuuuuuHOct 8, 2023
14
想学+13
|
 |
durban126Oct 8, 2023
15
想学+13
|
 |
16
比较实际的方法就是从模仿开始，比如去 google play 翻翻那些 top 的应用，看看别人是怎么做的，想想为什么这么做
|
 |
superedlimitedOct 8, 2023 via Android
17
@Livid 建议处理一下上面盖楼的，看到一个感兴趣的标题点进来。怀疑是不是进了百度水吧...
|
 |
shortxxxOct 8, 2023
18
想学+999999
|
 |
19888888888xOct 8, 2023 via iPhone
19
学习一下平面设计的软件， ps ai cdr 吧
|
 |
CHU20230515Oct 8, 2023
20
设计师设计的，然后交给公司前端
|
 |
21
最近在看 《 Refactoring UI 》，推荐给大家
|
 |
lxiianOct 8, 2023
22
我是去 dribble 上去抄😂
|
 |
guguji5Oct 8, 2023
23
丝滑不丝滑需要代码实现，好不好看可以参考免费的设计稿 https://www.freeuid.com/
|
 |
24
个人的两套方法，仅供参考：
1. 使用系统平台的默认组件 - 优点：下限很高，一致性很强，通常不会出现让用户恼火的奇葩交互或者怪异审美。 - 缺点：上限很低，UI 同质化严重，无法让用户一眼记住，需要用功能打动用户。 - 参考：iOS 和 Android 官方的人机交互指南。 - 个人作品： https://starorder.akring.com ，大量使用系统组件，对于跨平台开发来说有很大的加成。 2. 多看设计网站，使用流行的设计体系 - 优点：上限很高，UI 通常具备更好的设计感和个性，具有独特性，设计的好的话会大大加分。 - 缺点：下限很低，与之相对的，糟糕的品味和业余的设计能力会让你的作品成为一朵奇葩。 - 参考：谜底工作室旗下的作品，UI 和交互都非常令人印象深刻。 - 个人作品： https://fasting.akring.com ，使用了「我自己」非常喜欢的轻拟态设计，从评价来看褒贬不一，有的用户喜欢，有的不喜欢，所以个性化设计是把双面刃，开开发者如何取舍了。 |
 |
eDeeraiD0thei6OhOct 8, 2023
25
看来很多人都不知道 https://themeforest.net/
|
 |
rev1si0nOct 8, 2023
26
不是一步到位的，可能初版的都入不了眼，后面在使用中慢慢改进
|
 |
jellyboolOct 8, 2023 via Android
27
tailwindui 一把梭
|
 |
zoharSoulOct 8, 2023
28
抄竞品
|
 |
seven123Oct 8, 2023
29
直接借鉴做的好的
|
 |
giterOct 8, 2023
30
dribble 先汲取一下设计灵感，然后在 axure 里画出满意的原型图，再按照原型图写实际界面
|
 |
s04Oct 8, 2023
31
FIVERR 雇人做
|
 |
tyzandhrOct 8, 2023 via Android
32
学一学视觉传达
|
 |
leyfungOct 8, 2023
33
@eDeeraiD0thei6Oh 感谢👍
|
 |
iOCZOct 8, 2023
34
dribble 上面感觉很多都很像
|
 |
35
我是过来人，从 0 到 1 ，做过一款上过 Mac App Store 工具-娱乐垂直品类 TOP1 浏览器插件产品，自己野蛮生长不一定是适合所有人 😄
1. 定 MVP 确定提供的核心服务和产品是啥， 确定投入和产出比（产出可以是盈利，也可以是技能成长）是可接受后，反推最快 MVP(minimum viable product) 最简可用产品**必须**实现的特性，然后围绕这些特性手绘界面。 你没有看错是手绘，用纸和笔。如果自己去学张三原型工具，李四绘图工具，可能把解决一个问题，变成多个； 同样，你找人代工也是，出问题怎么改，快速迭代二三四版怎么改，资金能跟上？设计和开发如何协同？ 纸和笔最简单也容易改，而且人人都会，主打一个快，天下武功唯快不破。 2. 定技术栈 选最适合的和最熟悉——不是最流行最潮也不是最多人用的框架技术栈，来实现 MVP 。 许久以前，我自己是后端野路子，听有经验的资深前端推荐了 Vue 自学 ——因为他们说 简单快上手后期容易招人/找人代工，我信了，结果后来还是自学 React ，因为它能一把梭搞定前端、手机端和电视端所有终端产品界面。 主前端/终端技术栈定下来后，找相关的 UI 库直接参考第一部的手绘图做高保真 demo 。 比如我选了 React ，我会找 基于 React 实现的 UI 库，如 Mantine UI ，然后直接写高保真 demo 。 3. 丑没有关系，最重要快 验证想法，实现营收，快速迭代出下一个版本——赚更多钱——找更专业的人帮你重写。不断重复这个过程。 你的 MVP/demo/第一个版本出来后，但凡有个嘴巴的用户本能反应就是评论丑之类，其实不要太纠结。 目标是搞钱，有钱之后想多漂亮都可以；漂亮重要但是它不是目的，过早在界面消耗太多而忽视更为重要的产品服务内核，本末倒置，产品好看从来不是最重要和唯一的竞争力。 |
 |
36
我的第一个 app, UI 基本上是找各种知名的 app 模仿，看看别人怎么设计的，最终的成品还是不太满意
 |
 |
YYDS18Oct 8, 2023
37
|
 |
0o0O0o0O0oOct 8, 2023
39
@751327 #36 我感觉很好看，就是第五张下面有点拥挤，有开源计划吗？
|
 |
zsh2517Oct 8, 2023
40
想学+15
|
 |
kirlsOct 8, 2023
41
想学+16
|
 |
AIGCFREEOct 9, 2023
42
想学+17
|
|
qifeng7Oct 9, 2023
43
@0o0O0o0O0o 刚开发完的 app ，还有很多地方不完善，暂时不开源
|
 |
allentownOct 10, 2023
44
仿其他优秀产品
|
Select Language