-
想做好日式网站设计,掌握这3点就够了!
近期,我们团队在进行官网日本本地化的项目中,进行了一次非常有价值的探索。我们围绕「如何更好地触达日本用户」这一目标,并行探索了两种不同的设计方向:一种侧重‘日式美学体验’,另一种侧重‘SaaS 商业信任’。 这个过程引发了我们关于「美学价值」与「商业目标」如何平衡的深度思考,本文旨在沉淀与分享我们团队的这次探索过程与方法论。 一、首先,设计之前先读懂日本美学的“潜台词”: 日本设计常被视为高级感的… -
3个步骤,轻松搞定日系小清新色调
一、关于教程 本期教程给大家讲解一个非常大众化的日系色调,看上去清新又通透,先调影调再调色彩最后调色调,三步完成,一起来学习一下吧~ 二、教程效果图 三、关键步骤提示 详细操作请看文章开头的视频教程演示。 #01 前期色彩分析 在亮度很高的情况下黑色部分依旧很黑,保证了画面不泛灰,整体颜色偏青色,视觉感受非常纯净。 #02 调色过程 第一步:调整影调,画面对比明确。整体偏亮。不要太灰,也不要过曝。… -
设计作品少怎么让面试官感觉很丰富?试试这3招特别实用!
做IP作品集包装展示的时候总觉得东西太少、页面太空?客户还反馈 “全部就这些了吗”?别慌,哪怕包装素材就这么些,用对方法照样能做出满满当当、看着特专业的效果。想知道怎么让有限的素材看着 “显多”?咱们接着往下看,全是能直接上手的干货! 一、内容虚实 这里的 “实”是指是画出来的IP形象,属于能直接看到的部分。“虚”是藏在IP形象背后的想法和逻辑,像设计灵感、过程稿、规范等等。增加“虚”的内容可以让… -
设计师最该偷懒的环节找到了!劝你别死磕交互文档的4个原因
所谓「交互」,全称是「人机交互」,意思是人和机器的交流互动。交互设计,就是在 UI 方案之前,先构思用户如何操作机器(App/网站/软件/硬件……),又如何从机器获取信息反馈的。 通常来说,交互设计是 UI 设计之前的步骤。不同公司分工不同,可能有专职交互设计师,也可能交给 UX 设计师,还可能由产品经理负责。 交互设计交付的东西,有两种,一是交互方案,二是交互文档。 这两个东西别看都叫交互 XX… -
B端设计师要懂哪些开发知识?先掌握这5个!
要不要学习开发知识,是个非常常见但又要认真对待的问题,而我给出的答案是 —— 需要。 下面我就围绕这个议题做一次更新,为什么作为设计师需要 “懂技术”。 一、设计要懂技术的原因 作为 B 端设计师,“懂技术”的意思并不是指要掌握编程和相关计算机专业知识自己打代码,而是从框架角度理解特定的技术原理、运行逻辑、以及相关限制等。 这个要求并不只是 UI 设计师独有,而是对整个设计行业都非常普遍的专业要求… -
作品集别再用PDF了!教你快速搭建设计师个人主页
虽然现在的作品集主要表现形式就是做成 PDF 的长图格式,但作品集的载体从来不是只有这一种方法。比如还有发站酷等平台、导出到线上文档、创建个人主页等等。 其它模式之所以逐渐被淘汰,是因为它们对比 PDF 的格式存在非常大的缺陷,包括冗余信息过多、打开速度过慢、制作难度过大等问题。 而我们今天要介绍的新模式,则和这些都不一样,就是使用类 Notion 的文档工具,搭建自己的设计师个人主页。 使用这个… -
字体设计教程!手写风格字体怎么做
一、关于教程 众所周知,在字体帮的“每日一字”投稿作品中,几乎每天都能看到漂亮的手写作品。或潇洒,或可爱,或古风,或豪迈~ 这些优秀的手写字,总会惹人羡慕和眼馋。 今天,就来分享一组天宇老师带来的干货,三篇实打实的“手写字”教程!手把手教大家写出漂亮的手写!好戏开始! 二、制作步骤 先看案例1,用ps的笔刷来写: #案例1 从“看漫山遍野的油菜花“这句字义上来看,字形设计可以用一种倾向轻松随性的日… -
保姆级教程!揭秘微信和飞书都在用的「顺序效应」心理学
一、 卡片定义(Definition) 顺序效应指的是人们在回忆信息时,对位于序列开头(首因效应)与结尾(近因效应)的信息记忆效果更佳,而中间位置的信息更容易被忽略。该效应由心理学家赫尔曼·艾宾浩斯(Hermann Ebbinghaus)等在实验记忆研究中提出,并被广泛验证。 在 UX 设计 场景中,这一效应揭示了: 列表、菜单、表单、选项卡等内容的首尾位置,用户更易关注并记住; 信息流中的首屏和… -
保姆级科普!UX心理学设计指南系列:锚定效应
一、卡片定义(Definition) 锚定效应是一种常见的认知偏差,指人在评估或决策时,过度依赖最先接触的信息(即“锚”)作为参考标准,导致之后的信息无法有效修正原始判断。 无论这个“锚”是否合理,人类的大脑会自动围绕它做出后续的估值、选择和行为。 在 UX 设计中,锚点可以是一个价格、一个默认选项、一个排列顺序,甚至是一段语言描述。 二、心理机制解析(Cognitive Mechanism) 锚… -
超全面!写给入门新手的运营插画 Banner 设计指南(一)
近一年多接触到了插画 Banner 设计,算是自己边做边摸索,还在学习探索期,目前总结了一些做稿的思路,分享的目的是为了梳理完善自己的方法论,让自己继续向前进一步。 本篇文章分享内容:插画 Banner 的三个层次。 插画 Banner 的三个层次:文案层、画面元素、背景层。 文案层 文案样式:左对齐、居中对齐、右对齐。 文案组合设计形式:上下组合、上中下组合、一体组合。 有框的形状部分都可以视具… -
PS教程!纹理墨迹字效果小技巧
教程作者:@郁闷的鸡(优设大课堂UI & 动效课讲师)报名课程:鸡爷UI就业实战班 | 动效设计全能实战班交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业文章编辑:@十豆 一、关于教程 本期视频给大家讲解一下在 Photoshop 中创建墨迹字效果的小技巧,纹理很强烈,在没有图片的标题设计中非常好用。 二、关键步骤提示 详细操作请看文章开头的视频教程演示。 #01 透明度…





























