UI设计干货可临摹素材|打造精美的UI界面!

时间:2024-03-29 08:27:26

设计一套精美可用和能解决用户问题的UI是需要花费一定时间的,并且在这过程中,你需要不断调整与打磨细节直到你的客户、用户和您自己真正觉得不错的东西。入门新手不容易掌握其中的要点,建议多临摹优秀作品,实实在在提供设计能力。

看看总结出的主意要点吧!

1.保持元素清晰

在设计过程中可以稍微使用一些恰当合适的阴影,来保证当前设计与背景能够清晰可见,但是一定要避免复杂的阴影,这会起到反作用。

UI设计干货可临摹素材|打造精美的UI界面!

金融ui设计作品模板

UI设计干货可临摹素材|打造精美的UI界面!

健身和锻炼应用程序

2.使用一种字体 在设计一套新的UI界面时候,最好能保持一种字体,这样能够让界面更加轻量化的同时,也能保持和好的品质感。尽量避免使用2种以上的字体,你可以通过粗细、大小、或者颜色来区分层级!

UI设计干货可临摹素材|打造精美的UI界面!

Briik Hipster字体

UI设计干货可临摹素材|打造精美的UI界面!

Proxisol字体设计

3.长文内容,使用20pt的字号 对于长篇内容(例如博客文章,说明类),请尝试在文内中选择20pt字号(甚至更大)。当然,这取决于所选择的字体,但是大多数常用的字体在20pt时效果都很好,同时当面对大量文字时候,这样可为用户带来更好的阅读体验。以前使用的18pt字号体验非常不好。备注:我们日常使用阅读类APP字号都会偏大一些,就是这个原理。

 

UI设计干货可临摹素材|打造精美的UI界面!

iPhone 6 UI套件APP界面设计

UI设计干货可临摹素材|打造精美的UI界面!

Vera Block:一组巨大的UI组件和应用程序屏幕

4.优化导页操作细节 放置底部可以使用户随时跳过您的Mobile App Onboarding登录,如果是放置顶部,用户触摸相对来说比较麻烦。拇指操作仍然在2020年的一个比较合适位置。备注:之所以我们看到很多恶心跳过放在右上角而且还那么小,一般广告都是这样的,比如 某音开屏的设计。不过也能理解,毕竟广告能赚钱

 

UI设计干货可临摹素材|打造精美的UI界面!

旅行和旅行者应用程序UI

UI设计干货可临摹素材|打造精美的UI界面!

配置文件iSO应用

5.保持一致的光源 确保您的阴影始终仅来自一个光源。如下图所示,右侧日历投影就存在光源不一致,一些刚开始学设计的小伙伴可能就会忽略这种细节问题!因此一定要注意。

 

UI设计干货可临摹素材|打造精美的UI界面!

 

金融app个人中心页面

6.通过叠加改善对比度 有时候我们在使用图片作为背景承载前面文字信息时候,图片背景过亮了,因此我们可以稍微叠加一些品牌色渐变暗色来提高文字阅读性!

UI设计干货可临摹素材|打造精美的UI界面!

 

登录UI设计

7.适度使用居中排版 可以尝试在少量一些卡片排版中使用居中对齐排版,对于其他的设计,尽量使用左对齐排版方式!

UI设计干货可临摹素材|打造精美的UI界面!

 

组件设计

8.合理的间距系统 在设计排版过程中,确保元素排版有呼吸空间,尽量避免文字多的地方,间距很小,可以用留白来区分层级,切勿乱使用空白。

 

UI设计干货可临摹素材|打造精美的UI界面!

 

App个人页

9.注意对比度 在浅色背景下设计时候,避免使用过浅的文本浅。这样会导致阅读比较累,但是依然还有不少伙伴这样来做,因此我推荐给大家一个数字,比如正文本是#333333,那么第二级文本可以用#888888.

 

UI设计干货可临摹素材|打造精美的UI界面!

 

洗衣手机软件 - 免费的Adobe XD文件

10.减少颜色数量 在界面设计中,为了能让界面看起来比较清晰,品牌调性突出,尽量使用品牌色配合黑白灰来设计界面层级。

UI设计干货可临摹素材|打造精美的UI界面!

 

订购外送手机UI工具包 

哪里获取优秀实际案例呢?

一个好的推荐 搜UI (SOOUI) 收集了UI设计的资源素材,完美打造资源分享的好平台。

UI设计干货可临摹素材|打造精美的UI界面!