
云想衣裳花想容-中国艺术合集.仕女图
今天来更新中国艺术合集第二弹,仕女图。 仕女图也就是美人画,古往今来,无论是欧洲还是亚洲,窈窕淑女君子好逑是永恒不变的主题。 美人往往也是美的多种多样的,有细腰杨柳,也有珠圆玉润,有恭默守静,也有古灵精怪。 下面就跟着大家们的画来看看这些穿越千年的美人们。调婴图 --(唐)周昉调婴图调婴,指的是对子女进行指导教育。内人双陆图 --(唐)周昉内人双陆图双陆,指的是一种棋盘游戏。仕女图 --(五代)周文矩仕女图梧桐树下,仕女凭栏阅读,旁还有一狸猫作陪,好不惬意~丽人行 -- (宋)李公麟丽人行画卷细节图这幅画很出名,根据杜甫《丽人行》诗,描绘唐朝杨贵妃的妹妹们等人骑马出游的场景。招凉仕女图 --(宋)钱选招凉仕女图细节图这幅画吸引我的是仕女们头戴的高冠,宋代的花冠是出了名的,我一直想做一个“花冠”的合集,可惜留下来的资源太少了,先给大家看看宋代皇后的花冠。(我会继续努力找资源的👊power!)宋高宗后坐像蔡文姬归汉图 --(宋)李唐文姬归汉图这幅画是东汉才女蔡文姬陷胡的坎坷经历为背景创作的历史故事画,总十八幅。每幅图除了图画,还有文字诗文,我只选了其中第三拍。听阮图 --(宋)李嵩...
国外产品UI Kits-字体篇
最近做国外产品,有很多心得,先整理字体篇。字体选择英语字体分为Sans Serif和Serif,无衬线和有衬线。有衬线字体很突出的产品就是时代周刊能看出来字体的结束有明显的装饰,粗细不一样。但互联网产品设计大多不用这类Serif字体,一般用Sans Serif,不带衬线的字体。 我大概总结了下,目前国外产品常用的五类英文字体分别是:Open Sans(一般用于安卓产品设计)LatoSource Sans Pro(Adobe产品的字体)PoppinsRoboto(Google类产品的字体)这五类字体很明显有一个共同的特点,偏圆,现在各种各样的产品设计,都喜欢圆角样式。字体设计在设计一个产品,整体字体样式的选择不应该超过两种,可以通过选择不同字体的粗细来区分。例如Lato它有10种类型可供选择,选3种给大家看看。一般字体大小是Line height的1.5x,如果你字体大小选择的是16px,那Line height选择24比较美观。同样以Lato举例,如果你选择的是3x的话,那显得字体间距就会很大,不美观。最后再整理下英语文案的注意事项,做产品设计的前期很容易忽视这些问题,我初期就没...

春风拂槛露华浓—艺术合集.浮世绘.铃木春信+喜多川歌麿
正值农历春节假期,我们继续来看看艺术。 前两篇文章介绍的康德和克罗耶都属于印象派画家,但其实我最爱的画派是浮世绘,我打算春节假期带大家来欣赏下日本的浮世绘。浮世绘介绍浮世绘,浮世二字和“现世”相对,来源于佛教用语,现实世界总有种种无奈与苦痛,但浮世往往指的是弹指繁华,我喜欢的《源氏物语》、《平家物语》都有着”浮世“的味道,包括中国的《红楼梦》也是。 首先用一首诗来演绎下“浮世”的含义,诗来自《平家物语》 祇园精舍钟声响,诉说世事本无常, 沙罗双树花失色,盛者必衰若沧桑。 骄奢主人不长久,好似春夜梦一场, 强梁霸道终殄灭,恰如风前尘土扬。发展梗概浮世绘发展梗概浮世绘的题材有很多种,包括:美人绘:以年轻美丽的女子为题材役者绘:以著名的歌舞伎演员为题材名所绘:以明山秀水为题材,例如富士山武者绘:以历史小说中的武士为题材花鸟绘:以花鸟虫鱼兽为题材等很多其他类型(例如相扑绘、历史画、漫画、春画,但著名的作品大多来自上面列出的美人绘、役者绘、名所绘、武者绘、花鸟绘今天来看看美人绘,首先来看铃木春信的。铃木春信铃木春信,1724年-1770年(46岁),早期的浮世绘一般是单色,全部是墨色即黑色...
可可爱爱

云想衣裳花想容-中国艺术合集.仕女图
今天来更新中国艺术合集第二弹,仕女图。 仕女图也就是美人画,古往今来,无论是欧洲还是亚洲,窈窕淑女君子好逑是永恒不变的主题。 美人往往也是美的多种多样的,有细腰杨柳,也有珠圆玉润,有恭默守静,也有古灵精怪。 下面就跟着大家们的画来看看这些穿越千年的美人们。调婴图 --(唐)周昉调婴图调婴,指的是对子女进行指导教育。内人双陆图 --(唐)周昉内人双陆图双陆,指的是一种棋盘游戏。仕女图 --(五代)周文矩仕女图梧桐树下,仕女凭栏阅读,旁还有一狸猫作陪,好不惬意~丽人行 -- (宋)李公麟丽人行画卷细节图这幅画很出名,根据杜甫《丽人行》诗,描绘唐朝杨贵妃的妹妹们等人骑马出游的场景。招凉仕女图 --(宋)钱选招凉仕女图细节图这幅画吸引我的是仕女们头戴的高冠,宋代的花冠是出了名的,我一直想做一个“花冠”的合集,可惜留下来的资源太少了,先给大家看看宋代皇后的花冠。(我会继续努力找资源的👊power!)宋高宗后坐像蔡文姬归汉图 --(宋)李唐文姬归汉图这幅画是东汉才女蔡文姬陷胡的坎坷经历为背景创作的历史故事画,总十八幅。每幅图除了图画,还有文字诗文,我只选了其中第三拍。听阮图 --(宋)李嵩...
国外产品UI Kits-字体篇
最近做国外产品,有很多心得,先整理字体篇。字体选择英语字体分为Sans Serif和Serif,无衬线和有衬线。有衬线字体很突出的产品就是时代周刊能看出来字体的结束有明显的装饰,粗细不一样。但互联网产品设计大多不用这类Serif字体,一般用Sans Serif,不带衬线的字体。 我大概总结了下,目前国外产品常用的五类英文字体分别是:Open Sans(一般用于安卓产品设计)LatoSource Sans Pro(Adobe产品的字体)PoppinsRoboto(Google类产品的字体)这五类字体很明显有一个共同的特点,偏圆,现在各种各样的产品设计,都喜欢圆角样式。字体设计在设计一个产品,整体字体样式的选择不应该超过两种,可以通过选择不同字体的粗细来区分。例如Lato它有10种类型可供选择,选3种给大家看看。一般字体大小是Line height的1.5x,如果你字体大小选择的是16px,那Line height选择24比较美观。同样以Lato举例,如果你选择的是3x的话,那显得字体间距就会很大,不美观。最后再整理下英语文案的注意事项,做产品设计的前期很容易忽视这些问题,我初期就没...

春风拂槛露华浓—艺术合集.浮世绘.铃木春信+喜多川歌麿
正值农历春节假期,我们继续来看看艺术。 前两篇文章介绍的康德和克罗耶都属于印象派画家,但其实我最爱的画派是浮世绘,我打算春节假期带大家来欣赏下日本的浮世绘。浮世绘介绍浮世绘,浮世二字和“现世”相对,来源于佛教用语,现实世界总有种种无奈与苦痛,但浮世往往指的是弹指繁华,我喜欢的《源氏物语》、《平家物语》都有着”浮世“的味道,包括中国的《红楼梦》也是。 首先用一首诗来演绎下“浮世”的含义,诗来自《平家物语》 祇园精舍钟声响,诉说世事本无常, 沙罗双树花失色,盛者必衰若沧桑。 骄奢主人不长久,好似春夜梦一场, 强梁霸道终殄灭,恰如风前尘土扬。发展梗概浮世绘发展梗概浮世绘的题材有很多种,包括:美人绘:以年轻美丽的女子为题材役者绘:以著名的歌舞伎演员为题材名所绘:以明山秀水为题材,例如富士山武者绘:以历史小说中的武士为题材花鸟绘:以花鸟虫鱼兽为题材等很多其他类型(例如相扑绘、历史画、漫画、春画,但著名的作品大多来自上面列出的美人绘、役者绘、名所绘、武者绘、花鸟绘今天来看看美人绘,首先来看铃木春信的。铃木春信铃木春信,1724年-1770年(46岁),早期的浮世绘一般是单色,全部是墨色即黑色...
可可爱爱
Share Dialog
Share Dialog

Subscribe to Elaine

Subscribe to Elaine
<100 subscribers
<100 subscribers
如约来更新Button按钮篇,今天用一个NFT产品设计来讲讲不同的button,我将buttons分为4类:
Text button,低强调属性,例如:NFT详情页面,都会放智能合约地址,点击地址,跳转到区块浏览器。
Outlined button,中等强调属性
Contained button,高强调属性
Icon button,例如:很多“like”的功能都用♥️来表示

Hierarchy是描述按钮重要性等级的,一般Text button < Outlined button < Contained button,在我眼里这是非常重要的规则!!!UI设计中,一个页面往往需要呈现很多信息,那么如何让用户一眼见到最关心(or 我们最想让用户看到)的信息,Hierarchy等级就显得非常重要。
例如在NFT详情页面中,出价一定是最重要的信息,所以按钮我们用Contained button,而NFT的链上信息属于次要功能,所以可以用Text button来表示。
另外我们也可以借助其他因子来表现不同按钮的hierarchy,字体大小、颜色、Stoke、Effects都可以帮助我们给元素进行分级。

下面我就用一个NFT交易详情页面来表现上述介绍的四类buttons。

设计稿里展现了三种buttons,分别是Text button:The Wander Series,这是NFT系列的名称,点击可以跳转到系列页面。
Contained button:Place a Bid,出价,用户想对这幅NFT进行出价购买。这是NFT产品最核心的功能,所以用等级最高的Contained button来展现。
Icon button:❤️,like,用户喜欢这幅NFT,这是很弱的功能。
下面用户点击了Place a Bid,进行出价。

两张页面展示了三种button,分别是:Text button、Outlined button、Contained button
Text button:Cancel,取消购买操作,我们不希望用户取消,所以用Text button降低它在的影响度
Outlined button:Confirm,确定购买,因为用户没有输入价格,按钮不可点击
Contained button:Confirm,用户输入了价格,按钮可以点击,我们强烈希望用户购买,用等级最高的Contained button来表示
Hierarchy对我而言,是非常重要的设计规则,不仅是buttons,其他组件也可以用到。例如像NFT详情页面,我们往往需要展示NFT作者信息(链下信息)、链上信息、链上活动信息(也可以叫做交易信息),对于区块链去中心化产品来说,链上信息肯定大于链下信息,而NFT交易市场产品,交易肯定又是大于链上基本信息的。
所以在设计时,就需要用不同的等级组件来展现信息强弱度。👋👋 加油
如约来更新Button按钮篇,今天用一个NFT产品设计来讲讲不同的button,我将buttons分为4类:
Text button,低强调属性,例如:NFT详情页面,都会放智能合约地址,点击地址,跳转到区块浏览器。
Outlined button,中等强调属性
Contained button,高强调属性
Icon button,例如:很多“like”的功能都用♥️来表示

Hierarchy是描述按钮重要性等级的,一般Text button < Outlined button < Contained button,在我眼里这是非常重要的规则!!!UI设计中,一个页面往往需要呈现很多信息,那么如何让用户一眼见到最关心(or 我们最想让用户看到)的信息,Hierarchy等级就显得非常重要。
例如在NFT详情页面中,出价一定是最重要的信息,所以按钮我们用Contained button,而NFT的链上信息属于次要功能,所以可以用Text button来表示。
另外我们也可以借助其他因子来表现不同按钮的hierarchy,字体大小、颜色、Stoke、Effects都可以帮助我们给元素进行分级。

下面我就用一个NFT交易详情页面来表现上述介绍的四类buttons。

设计稿里展现了三种buttons,分别是Text button:The Wander Series,这是NFT系列的名称,点击可以跳转到系列页面。
Contained button:Place a Bid,出价,用户想对这幅NFT进行出价购买。这是NFT产品最核心的功能,所以用等级最高的Contained button来展现。
Icon button:❤️,like,用户喜欢这幅NFT,这是很弱的功能。
下面用户点击了Place a Bid,进行出价。

两张页面展示了三种button,分别是:Text button、Outlined button、Contained button
Text button:Cancel,取消购买操作,我们不希望用户取消,所以用Text button降低它在的影响度
Outlined button:Confirm,确定购买,因为用户没有输入价格,按钮不可点击
Contained button:Confirm,用户输入了价格,按钮可以点击,我们强烈希望用户购买,用等级最高的Contained button来表示
Hierarchy对我而言,是非常重要的设计规则,不仅是buttons,其他组件也可以用到。例如像NFT详情页面,我们往往需要展示NFT作者信息(链下信息)、链上信息、链上活动信息(也可以叫做交易信息),对于区块链去中心化产品来说,链上信息肯定大于链下信息,而NFT交易市场产品,交易肯定又是大于链上基本信息的。
所以在设计时,就需要用不同的等级组件来展现信息强弱度。👋👋 加油
No activity yet