ui设计的知识点

资讯 2024-07-10 阅读:91 评论:0
最近受到一个客户的启发,突然想整理下关于UI设计的一些知识点,本来我个人对这些也没什么大的想法,然后有次我跟客户说您的网页的这部分需要什么样子的颜色搭配呢?然后客户就...
美化布局示例

欧易(OKX)最新版本

【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费!

APP下载   全球官网 大陆官网

币安(Binance)最新版本

币安交易所app【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费!

APP下载   官网地址

火币HTX最新版本

火币老牌交易所【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费!

APP下载   官网地址

最近受到一个客户的启发,突然想整理下关于UI设计的一些知识点,本来我个人对这些也没什么大的想法,然后有次我跟客户说您的网页的这部分需要什么样子的颜色搭配呢?然后客户就跟我说:你们是专业的,颜色就按照我发的那几版,里面的内容搭配你给我调几个颜色出来就可以了。我心想客户都说我是专业的了,那必须好好给客户调几版适配的颜色来使页面好看些。然后就做了几版不同的颜色。其中客户给了四个大方向的颜色。说里面的细节我自己看着调。


然后是我最终设计出来的页面




其中的顶部那块客户想了做一个类似皮肤的切换,然后就在这几个颜色中来回切换就可。最后客户也挺满意这几版颜色的。也给了个非常肯定的答案。说实话作为设计师我个人感觉得到客户的认可是一件非常有成就感的事情。代表我们做的东西客户喜欢,而这也是我们用心换来的结果。



做完之后我就想着把我自己认为的一些知识点分享下,可能不是很正确,但是也是我自己这么长时间以来得到的经验吧


首先是色彩:一个好的ui设计需要掌握一些基本的色彩原理以及配色方法,因为色彩很难把控,一不小心就可能使用过度,像我们这些工作时间不是很长的,可能工作经验不是很多的在颜色上的使用就更得注点意,尽量避免使用那些大红大紫得鲜艳得颜色,尽可能得使颜色偏柔和一点,不需要使用太多得亮色,仅需要在想强调得地方使用醒目得颜色即可。


字体与排版:文字往往占据了整个页面得绝大部分得内容,所以我们在设计得过程中不可避免的会需要设计文字的排版,同样,一个好的文字排版可以让用户耳目一新,而我们现在也不需要追求网上的那种特别复杂绚丽的排版,首先可以试试把清晰易读作为我们的首要目标。


图标:一个完整的ui设计是离不开图标的使用的,所以我们在设计的时候也要注意各种图标的运用(我之前发布过一篇跟图标有关的文章,可以看看。里面有几种图标的运用方法和使用技巧)。网上也有很多各种各样的图标logo等让人眼花缭乱的图标,我觉得实用、适合才是一个图标的合格定位,图标只要符合他所想表达的意思,那么再在图标上进行一点变化。那他就会变得很与众不同。

美化布局示例

欧易(OKX)最新版本

【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费!

APP下载   全球官网 大陆官网

币安(Binance)最新版本

币安交易所app【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费!

APP下载   官网地址

火币HTX最新版本

火币老牌交易所【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费!

APP下载   官网地址
文字格式和图片示例

注册有任何问题请添加 微信:MVIP619 拉你进入群

弹窗与图片大小一致 文章转载注明

分享:

扫一扫在手机阅读、分享本文

发表评论
平台列表
美化布局示例

欧易(OKX)

  全球官网 大陆官网

币安(Binance)

  官网

火币(HTX)

  官网

Gate.io

  官网

Bitget

  官网

deepcoin

  官网
热门文章
  • 虚拟币GOpay钱包app下载

    虚拟币GOpay钱包app下载
    虚拟币GOpay钱包app下载版能为用户第一时间带来行业内最新的资讯,虚拟币GOpay钱包app下载版中采用了多种先进的隐私保护算法,提供多元完善的认证机制确保所有用户的交易安全性,除了自身的进步和发展之外,还需要承担更多的行业责任,比如推动行业的健康发展、为行业培养更多的优秀人才,以及为行业创造更多可能等。In addition to its own progress and development, the virtual currency GO...
  • 2022江苏三支一扶行测备考经济知识:货币、人民币和数字人民币的联系和区别 进入阅读模式

    2022江苏三支一扶行测备考经济知识:货币、人民币和数字人民币的联系和区别                进入阅读模式
    宿迁三支一扶QQ交流群:427100650 丨 微信公众号:宿迁中公教育 丨 在线咨询 关于货币的定义有很多,但是我们在考试中主要参照的是马克思主义货币学说。马克思货币学说是马克思关于货币的起源和本质、货币职能及其...
  • 区块链存证-核验操作指南

    区块链存证-核验操作指南
    第一步:登录后台-表单数据汇总,点击查看证书;Step one: login backstage - form data summary, click on the certificate; 第二步:保存存证证书,下载【存证源文件】,复制【存证哈希】,;Step 2: save the certificate of record, download the [source file], copy the [Hashi file], 第三步:登录蚂蚁区块链存证核验中心...
  • 比特币凉了 数字货币火了!华力创通狂拉17% 概念股爆炸!怎么买?

    比特币凉了 数字货币火了!华力创通狂拉17% 概念股爆炸!怎么买?
    你还在等什么?现在升级新浪财经Level-2一年只要88元!˂a href="https://finance.sina.com.cn/app/jumptosfl2.shtml" target="_blank" What are you waiting for? 逃不出我掌心!尾盘掘金助你...
  • 【2014.5.6】海美迪 HD900系列 RTD1186 變磚救星 Web3.0 固件分享

    【2014.5.6】海美迪 HD900系列 RTD1186 變磚救星 Web3.0 固件分享
    您需要 登錄 才可以下載或查看,沒有賬號?註冊 You need record to download or view without account? ˂a href=https://www.hd.club.tw/member.php?mod=register'title= "Registration account" x 本文章最後由 racha33 於 2014-5-6 23:29 編輯 固件分享品牌:海美迪芯片方案:RTD1186固件简介:基於 1...
标签列表