Elaine云想衣裳花想容-中国艺术合集.仕女图
今天来更新中国艺术合集第二弹，仕女图。 仕女图也就是美人画，古往今来，无论是欧洲还是亚洲，窈窕淑女君子好逑是永恒不变的主题。 美人往往也是美的多种多样的，有细腰杨柳，也有珠圆玉润，有恭默守静，也有古灵精怪。 下面就跟着大家们的画来看看这些穿越千年的美人们。调婴图 --（唐）周昉调婴图调婴，指的是对子女进行指导教育。内人双陆图 --（唐）周昉内人双陆图双陆，指的是一种棋盘游戏。仕女图 --（五代）周文矩仕女图梧桐树下，仕女凭栏阅读，旁还有一狸猫作陪，好不惬意～丽人行 -- （宋）李公麟丽人行画卷细节图这幅画很出名，根据杜甫《丽人行》诗，描绘唐朝杨贵妃的妹妹们等人骑马出游的场景。招凉仕女图 --（宋）钱选招凉仕女图细节图这幅画吸引我的是仕女们头戴的高冠，宋代的花冠是出了名的，我一直想做一个“花冠”的合集，可惜留下来的资源太少了，先给大家看看宋代皇后的花冠。（我会继续努力找资源的👊power！）宋高宗后坐像蔡文姬归汉图 --（宋）李唐文姬归汉图这幅画是东汉才女蔡文姬陷胡的坎坷经历为背景创作的历史故事画，总十八幅。每幅图除了图画，还有文字诗文，我只选了其中第三拍。听阮图 --（宋）李嵩...
Elaine国外产品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的话，那显得字体间距就会很大，不美观。最后再整理下英语文案的注意事项，做产品设计的前期很容易忽视这些问题，我初期就没...
Elaine春风拂槛露华浓—艺术合集.浮世绘.铃木春信+喜多川歌麿
正值农历春节假期，我们继续来看看艺术。 前两篇文章介绍的康德和克罗耶都属于印象派画家，但其实我最爱的画派是浮世绘，我打算春节假期带大家来欣赏下日本的浮世绘。浮世绘介绍浮世绘，浮世二字和“现世”相对，来源于佛教用语，现实世界总有种种无奈与苦痛，但浮世往往指的是弹指繁华，我喜欢的《源氏物语》、《平家物语》都有着”浮世“的味道，包括中国的《红楼梦》也是。 首先用一首诗来演绎下“浮世”的含义，诗来自《平家物语》 祇园精舍钟声响，诉说世事本无常， 沙罗双树花失色，盛者必衰若沧桑。 骄奢主人不长久，好似春夜梦一场， 强梁霸道终殄灭，恰如风前尘土扬。发展梗概浮世绘发展梗概浮世绘的题材有很多种，包括：美人绘：以年轻美丽的女子为题材役者绘：以著名的歌舞伎演员为题材名所绘：以明山秀水为题材，例如富士山武者绘：以历史小说中的武士为题材花鸟绘：以花鸟虫鱼兽为题材等很多其他类型（例如相扑绘、历史画、漫画、春画，但著名的作品大多来自上面列出的美人绘、役者绘、名所绘、武者绘、花鸟绘今天来看看美人绘，首先来看铃木春信的。铃木春信铃木春信，1724年-1770年（46岁），早期的浮世绘一般是单色，全部是墨色即黑色...
可可爱爱
Elaine云想衣裳花想容-中国艺术合集.仕女图
今天来更新中国艺术合集第二弹，仕女图。 仕女图也就是美人画，古往今来，无论是欧洲还是亚洲，窈窕淑女君子好逑是永恒不变的主题。 美人往往也是美的多种多样的，有细腰杨柳，也有珠圆玉润，有恭默守静，也有古灵精怪。 下面就跟着大家们的画来看看这些穿越千年的美人们。调婴图 --（唐）周昉调婴图调婴，指的是对子女进行指导教育。内人双陆图 --（唐）周昉内人双陆图双陆，指的是一种棋盘游戏。仕女图 --（五代）周文矩仕女图梧桐树下，仕女凭栏阅读，旁还有一狸猫作陪，好不惬意～丽人行 -- （宋）李公麟丽人行画卷细节图这幅画很出名，根据杜甫《丽人行》诗，描绘唐朝杨贵妃的妹妹们等人骑马出游的场景。招凉仕女图 --（宋）钱选招凉仕女图细节图这幅画吸引我的是仕女们头戴的高冠，宋代的花冠是出了名的，我一直想做一个“花冠”的合集，可惜留下来的资源太少了，先给大家看看宋代皇后的花冠。（我会继续努力找资源的👊power！）宋高宗后坐像蔡文姬归汉图 --（宋）李唐文姬归汉图这幅画是东汉才女蔡文姬陷胡的坎坷经历为背景创作的历史故事画，总十八幅。每幅图除了图画，还有文字诗文，我只选了其中第三拍。听阮图 --（宋）李嵩...
Elaine国外产品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的话，那显得字体间距就会很大，不美观。最后再整理下英语文案的注意事项，做产品设计的前期很容易忽视这些问题，我初期就没...
Elaine春风拂槛露华浓—艺术合集.浮世绘.铃木春信+喜多川歌麿
正值农历春节假期，我们继续来看看艺术。 前两篇文章介绍的康德和克罗耶都属于印象派画家，但其实我最爱的画派是浮世绘，我打算春节假期带大家来欣赏下日本的浮世绘。浮世绘介绍浮世绘，浮世二字和“现世”相对，来源于佛教用语，现实世界总有种种无奈与苦痛，但浮世往往指的是弹指繁华，我喜欢的《源氏物语》、《平家物语》都有着”浮世“的味道，包括中国的《红楼梦》也是。 首先用一首诗来演绎下“浮世”的含义，诗来自《平家物语》 祇园精舍钟声响，诉说世事本无常， 沙罗双树花失色，盛者必衰若沧桑。 骄奢主人不长久，好似春夜梦一场， 强梁霸道终殄灭，恰如风前尘土扬。发展梗概浮世绘发展梗概浮世绘的题材有很多种，包括：美人绘：以年轻美丽的女子为题材役者绘：以著名的歌舞伎演员为题材名所绘：以明山秀水为题材，例如富士山武者绘：以历史小说中的武士为题材花鸟绘：以花鸟虫鱼兽为题材等很多其他类型（例如相扑绘、历史画、漫画、春画，但著名的作品大多来自上面列出的美人绘、役者绘、名所绘、武者绘、花鸟绘今天来看看美人绘，首先来看铃木春信的。铃木春信铃木春信，1724年-1770年（46岁），早期的浮世绘一般是单色，全部是墨色即黑色...
可可爱爱
Share Dialog
Share Dialog
Subscribe to Elaine
Subscribe to Elaine
<100 subscribers
<100 subscribers
今天来更新提醒相关的组件，提醒在移动端App或者是Web类产品十分常见，比如说：用户操作成功或者失败，收款提醒等。
我将提醒分成三类：
弱提醒，3秒钟自动消失
中提醒，待验证条件正确之后，自动消失
重提醒，用户触发按钮之后，消失
组件样式：
Alert使用场景：
一般可以用在系统中一些简单反应，例如成功修改手机号、密码之类弱业务。
Alert实例：
成功修改和修改失败（注：以下实例都会在Convert功能种演示）
InlineAlert和Alert很相像，但是两者作用的场景不同，InlineAlert不会自动消失，需要校验value是否正确。
组件样式：
InlineAlert的场景：
一般可以用在输入框的校验，比如说：账号密码格式校验，数量的判断等。
InlineAlert的实例：
当用户输入的数量超过他的可用，提示余额不足；直到输入的数量小于等于可用，InlineAlert消失。
当用户输入的数量超过系统设置的最大值，提示超过限制。
和Alert一样，Dialog也分两种
居中弹出Dialog
从角落弹出Corner Dialog
这两种提醒一般会有选择按钮，需要用户主动触发按钮，Dialog才会消失。
Dialog组件样式：
使用场景：一般用于系统相关的提醒，例如：转账收款提醒，App更新提醒等
实例：
收款到账提醒和风控提醒
Corner Dialog组件样式：
使用场景：用在重要业务中的强提示，例如Convert是否成功失败，它的提示可以增强用户体验。
实例：
以上是我在产品设计中总结出来的经验，从提醒程度上可以分为弱中重；但从类型上可以分成Alert和Dialog，组件里的样式都比较简单，主要是content和icon；但在真正的视觉设计中，可以发挥的空间还很大，可以贴合自己的产品风格再做视觉设计。
👋我会努力更新其他产品组件的，同步文档我也发布在Figma社区里了！
For Work, for fun.
今天来更新提醒相关的组件，提醒在移动端App或者是Web类产品十分常见，比如说：用户操作成功或者失败，收款提醒等。
我将提醒分成三类：
弱提醒，3秒钟自动消失
中提醒，待验证条件正确之后，自动消失
重提醒，用户触发按钮之后，消失
组件样式：
Alert使用场景：
一般可以用在系统中一些简单反应，例如成功修改手机号、密码之类弱业务。
Alert实例：
成功修改和修改失败（注：以下实例都会在Convert功能种演示）
InlineAlert和Alert很相像，但是两者作用的场景不同，InlineAlert不会自动消失，需要校验value是否正确。
组件样式：
InlineAlert的场景：
一般可以用在输入框的校验，比如说：账号密码格式校验，数量的判断等。
InlineAlert的实例：
当用户输入的数量超过他的可用，提示余额不足；直到输入的数量小于等于可用，InlineAlert消失。
当用户输入的数量超过系统设置的最大值，提示超过限制。
和Alert一样，Dialog也分两种
居中弹出Dialog
从角落弹出Corner Dialog
这两种提醒一般会有选择按钮，需要用户主动触发按钮，Dialog才会消失。
Dialog组件样式：
使用场景：一般用于系统相关的提醒，例如：转账收款提醒，App更新提醒等
实例：
收款到账提醒和风控提醒
Corner Dialog组件样式：
使用场景：用在重要业务中的强提示，例如Convert是否成功失败，它的提示可以增强用户体验。
实例：
以上是我在产品设计中总结出来的经验，从提醒程度上可以分为弱中重；但从类型上可以分成Alert和Dialog，组件里的样式都比较简单，主要是content和icon；但在真正的视觉设计中，可以发挥的空间还很大，可以贴合自己的产品风格再做视觉设计。
👋我会努力更新其他产品组件的，同步文档我也发布在Figma社区里了！
For Work, for fun.
No activity yet