不同类型的页面对于夜间模式的需求程度是不同的，通过降低对比度和亮度、将背景增加为深色减少光通量，在较暗环境下可以有效减少刺眼等不良体验。

当你第一次看到一个网站，你会立即面临的外观和感觉设计的整体美感是你的第一印象，它往往是什么让一个用户想要进一步探索。因此，这是一个需要很好的设计的基本要素。 但有时开始掩盖了第二，同样重要的组成部分，一个很好的网站：它的功能和用户体验。 良好的用户体验是比它的外观更依赖于该网站是如何工作的，所以要一分钟的时间，以确保你的工作是从头开始，你真正的UX设计的五个基本原则概述如下。 一致性 让您的网站互…

这是一位常驻波兰塔诺夫的多领域设计师和艺术总监Cris Labno分享的一个美丽的3D系列插画，这个系列的名字叫做："自然"，它们的技巧、色彩和整体氛围都使这些作品充满艺术崇高气息。

随着科技不断的进步和发展，智能家居的概念开始走向大众，通过互联网将家用电器连接并进行人工管理，以提升家居的安全性和便利性。

Jonathan Formento为家具品牌Tom Dixon制作的3d渲染效果的the Fat Chair椅子宣传影片，the Fat Chair为极简设计的椅子，具有几何形状的美感。

本篇文章讲解移动端设计中一个常用组件：对话框（Dialog）。 本文大纲如下： 1.定义 2.触发场景 3.注意事项 4.案例示意 注：文中的组件样式来自于开源的光音设计规范。 定义 一种模态①窗口。它在用户需要做出选择或输入信息时出现，直到用户做出选择或取消操作之前，会阻止与应用的其他部分交互。 ①模态：特定的界面状态或行为，其中用户的交互被限制在某个特定的界面元素上，直到完成一个特定的任务或操…

当你按下主机电源键时，是否思考过电源按钮为何如此设计？一段圆弧和直线便让你不假思索按下按钮？ 生活中习以为常的符号，背后都隐藏着一段鲜为人知的历史。今天分享几个符号起源的冷知识： 01 电源开关02 播放与暂停03 蓝牙04 点赞为什么要竖起大拇指？ 电源开关 早期的电子设备使用翘板开关（rocker switch），存在两个档位，因此需要符号来告知用户状态是“开/On”还是“关/Off”。随着开…

Nawmin，一个专注于日本乡村风情的免费商用农业插画素材网站，提供PNG格式的透明背景插画，尺寸均为1000x1000px。素材涵盖丰富多样的分类，包括农民生活、食物料理、家畜宠物、小型生物、陆生生物、水生生物、天空生物等，种类繁多，应有尽有。与众不同之处在于，Nawmin的农业插画采用中国传统水墨写实手法制作，每幅作品都匠心独运，色彩艳丽而不失高雅，层次丰富清晰，极为出色。所有农业插画素材均可…

Broklin Onjei和Creative Invention Studio分享了他们为一家在线时尚商店和生活方式博客所设计的网页设计项目，该项目是为那些喜欢和喜欢橙色产品文化的女性所设计的。该设计采用网格系统和自适应响应式格式，有高度的可编辑性，可以根据需要随意编辑修改，希望可以给你的创作带来帮助。 相关素材推荐： 创意橙色背景的服装品牌电商网页界面设计模板 一套创意橙色背景的服装品牌电商网页…

Petya Harmash和Egor Kostuchénko分享了德国最大的航空公司Lufthansa汉莎航空的官方网站的网页重新设计概念。

栅格可更精确地控制不同屏幕尺寸之间的对齐方式及布局。本文重点介绍响应式栅格的重要知识点，以及产品设计师如何在设计工作流中调整栅格。

网页布局在很大程度上决定了网站的访问者将如何与网页内容进行交互。 这里将介绍一些常见的网页布局形式。

文字的交流过于枯槁，于是表情包就诞生了，哪怕通讯工具另一边的人无法看见我们的脸，却依旧可以通过表情包知道，交流中哪些看似刻薄的话，是在开玩笑。表情包不仅活跃了交流的氛围，更优化了人们对文字传递情感的理解性，更何况，谁能拒绝一个，满满都是自己style的表情包呢。 Step One 首先，我们总结一下，日常看到的表情包的特质 粗糙的 夸张的 幽默的 风格奇葩的 紧贴时事的 凸显情绪的 以上几点并不能…

对于每个设计师而言，苹果的设计无论界面还是文案都是值得大家学习的地方，今天我们一起来看看苹果的设计是如何引领全行业的，到底好在什么地方？

今天无意中来到了搜狗UED官网博客网站。第一感觉很不错！banner居然是动画，不是flash动画哦！而是HTML5动画 很有谷歌的范！虽然动画不复杂，但是意境不错！鱼儿不停的游走在深蓝色的海底。设计想象广阔！ 我大概了阅读了搜狗UED他们的一些经典特色博文，大都是还是接受前端交互的知识比较多，还有就是搜狗旗下的 拼音输入法的一些视觉设计。字体皮肤的设计以及对这个产品的分析和诠释等等。 更具特色的…

畅游视觉设计中心是搜狐畅游视觉设计中心团队。我们是从游戏和生活中汲取创意和灵感的一群设计精灵，用爱去释放奇妙的设计魔法，描绘让你我感动的虚拟人生。 该团队的博客展示了所有搜狐旗下的游戏网站设计作品，跟团队的其他视觉作品欣赏。值得我们学习和观摩的地方。 这是搜狐畅游视觉中心的官网。网址：http://vc.changyou.com/ 无论从视觉，交互，色彩方面，我觉得这个网站都是非常棒，让我们学习参…

今天我们来分享常见的 onboarding界面组件。（Onboarding 是指用户第一次使用产品时认识、熟悉产品的过程） 对设计系统有所认识的话应该会知道原子设计（Atomic Design）的重要性，我们也能将同样的概念应用在 onboarding 上，其构成从宏观到微观分成体验流程、控件形式与界面元素三个层级。 体验流程是一个有时序性的旅程，可以由数个不同的载具表现组合而成；控件则是承载信息…

几年前，我的一位同事在我的前公司（BlaBlaCar）介绍了Mental Notes游戏。当时我们在设计每一个功能时，都会和几个产品经理、设计师和开发人员聚集在一起进行 "行为审查"，看看如何将一些行为心理学原理应用到项目中。 即使在几年后，我作为一个自由职业的产品人，仍然经常在项目中使用这些原则。在这篇文章中，我将与大家分享其中的一些原则，并附上一些在实际产品中应用的具体例子…

最新要闻 王自如事件，格力公关部至少错过了3次避“坑”机会 11月17日下午，因为王自如那段采访“被自媒体恶意剪辑，使用低俗污秽言辞侮辱诽谤公司高管”， 格力报警了。 链接直达：https://digitaling.com/articles/1004478.html Apple Store 座椅大盘点 有那么一些 Apple 产品是无论你花多少钱都买不到的，比如说：立方体。我说的不是那个立方体，也…

任何一名设计师应该都会接触到运营活动页，产品落地页此类需求。而这些落地页设计需求的业务目标衡量标准都相当明确——即转化率。再进一步，与我们的设计输出直接相关的就是首页转化率/点击率。这些数据通过埋点能很轻易地获得，一般情况下，产品经理会提前在需求文档中标明需要埋点的地方（埋点简单说就是测量某个位置或者交互节点的具体数据，例如发生了多少次点击），获得数据用于验证产品最终是否符合预期，是否达到了理想的…

这次我们不聊视觉，也不畅想未来，只说说当下 HMI 产品设计与交互体验。 本文内容会涉及一些专业的汽车知识名词，因为篇幅有限，如有些知识名词不太明白可以百度一下。 别看错了，不是HDMI！ 说到 HMI 大多数设计师应该是既熟悉又陌生，HMI 是 Human Machine Interface 的缩写，「人机接口」，也叫人机界面，人机界面（又称用户界面或使用者界面）是系统和用户之间进行交互和信息交…

如果你想要转化更多的潜在客户或是增加销售额，那么你需要的是一个高转化率的落地页 (Landing Page)。根据 Hubspot 的数据[1]，拥有超过 30 个落地页的公司所获取的客户转化率，是少于 10 个落地页的公司的 7 倍。 Hubspot 关于落地页与用户流量的数据 落地页是独立的网页，专为特定的市场营销活动或搜索广告而设计。当用户点击搜索结果、电子邮件或广告中的链接时，落地页就是用…

最近，“设计”一词已经超越了传统的产品和通信领域。 人们期望设计扮演更多社会技术干预的角色，例如体验，服务和社会创新。 此外，正如CMU的过渡设计（transition design）提到的那样，它将扩展到跨学科的领域，例如文化，政策和社会。 英国政策实验室于2014年在政府办公室下成立，这也是一项创新活动，旨在为政策制定带来开放和以人为本的设计方法。 包括过渡设计在内，下图总结了当前代表性的五种…

     Adobe近日庄重宣布，Beta测试的序幕终于落下，一款融合了前沿生成式AI技术的Photoshop正式版隆重亮相。在这一历史性时刻到来之前，Photoshop Beta版中的一项核心功能——创成式填充（generative fill），却突遭技术难题，暂时失去了其神奇的威力。作为一款业界领先的图像创造利器，这一变故无疑给广大用户带来了深深的困惑与不便。今日…

Krea AI 是一款 AI 制图工具，支持文生图、 AI 图案、风格化、换脸、重新着色及图像扩展等功能。最大的亮点则是最实时生成图像的功能，只需简单的画出草图，Krea AI 就能立即生成渲染图像。我们来看一段视频，了解一下 Krea AI 实时生成图像的效果。顺便点个赞吧～ --视频来源 Youtube Julie W. Design--#AIGC #Midjourney #Chatgpt #…

Midjourney生成的插画只提供PNG位图格式，如果需要二次编辑和放大使用有什么更好的办法呢？隆重推出ai工具：Vectorizer.AI。Vectoriz...

很少有摄影初学者掌握的一件事：拍摄人像时，焦距的选择不仅决定了画面的宽窄，还决定了模特的面部比例和背景虚化效果。以下是midjourney生成人像照片技巧的技巧： 1，广角焦距（50 毫米以下）会产生“扭曲”效果，使模特的脸显得更大且与身体不成比例，尤其是靠近画面中心时。 2，远摄焦距（从 50 毫米到 150 毫米）可以更准确地呈现面部相对于身体的比例，类似于我们在现实中对它们的感知。 3，超远…

同样是红色，太阳的红和花的红完全不同，我们现在有Pantone大法专门研究各种颜色，再往前看，人们发明出绯红、彤、丹、妃、赤、嫣红等等来分别，但终究不准确。 Pantone的色卡 其实类似Pantone的工作很早就有人做，为了规范颜色的应用，德国矿物学家Abraham Gottlob Werner、苏格兰画家Patrick Syme和苏格兰博物学家Robert Jameson，在1814年联合制作…

一、川言川语 【天空一声巨响，川子闪亮登场！】，大家好，我是言川，在经过两个月的学习和沉淀（拖更）之后，我回归写文章这件有趣的事情上来了。老规矩，先说下本篇文章是个什么玩意儿，咳咳~ 各位设计总监们，玩过PS吧（应该说是Photoshop）。各位AI大神们，听说过并且玩过SD吧（stablediffusion）。这两款都是独立且庞大的设计软件，并且经过今年AI浪潮的洗礼，我们似乎在设计中好像很难完…

在摄影创作中，窗户光是室内现场光线中正常使用的光线，尤其是朝北方的窗户光线通常是效果较好的光源。窗户会将摄入的光线披散开来，一般窗户越大，披散角度越大，光线披散...

初次尝试Midjourney进行包装设计，我们使用了非常简单的关键词，然而结果却出人意料地令人震惊。我们使用Midjourney进行了酸奶包装、饮料包装和零食包装的设计。每个包装设计都使用了最基本的关键词，然后再逐步增加修饰词。以下是最终的效果。 一，酸奶包装设计 1，先来一个原味酸奶的包装设计 prompt关键词: design a yoghurt packaging 2，酸奶包装上添加中国风的…

前面我们分享过 Midjourney Bot Ai绘画工具基础入门教程，Midjourney Bot Ai绘画工具基础入门教程2。今天我们来学习更高阶的使用方式。 常用指令/参数 1. 设定指令 输入“settings”指令，可以调出设置内容；我们可以选择模型的种类、不同的质量细节、渲染速度、以及打开混合模式功能等操作。 2. 混合调整 ①使用此功能前，需要先输入“settings”调出设置；选中…

设计资讯 Figma 智能小部件：Build it 和上周介绍的白板工具 tldraw 的 Makereal 模式类似，通过绘制简单的原型和描述使用 GPT-4 生成可交互的界面程序，该 Figma 小组件还未上线非常期待。 https://twitter.com/jsngr/status/1725614452123250792 产品推荐 面向艺术家、设计爱好者的多功能库：p5.brus…

大师们笔下的房间蕴藏了许多信息。在极具个人风格化的笔触中，承载了自己的想象力与生活图景，甚至能反应当时的装修潮流。 名画的选色与搭配同样也是绝佳的参考资料，这也让室内设计师好奇，去掉名画的“滤镜”后，这些房间应该是什么样子？ 家居服务网站Home Advisor找到创意机构NeoMam，他们选出6张名画，用CG技术复原了出来。 NeoMam表示：“这些名画非常迷人，介于艺术品和历史文物之间，我们在…

diagrammatic（图解）是一种通过可视化方法、用符号表示信息的图形。自远古时代的石洞壁画以来，人们就一直在使用图解，但到启蒙运动时，图解才流行起来。有的...

十月份，在寻找新功能和工具来改进我的用户体验设计工作时，我发现了几个具有巨大潜力的工具。我想与大家分享我的发现。花几分钟的时间关注发展和自我完善。在我们的...

扁平化设计是如今应用非常广泛、通用性很强的风格之一，无论是互联网、政府行业的项目宣传还是出版印刷和包装都能看到它的影子。扁平化一词由英文“Flatten”翻译过...

图标设计是我喜欢的设计之一；它是一种艺术，采用一个对象、术语、过程等，并创建一个代表它的小而简洁的视觉效果。 图标对于创建出色的用户界面和增强用户体验至关重要。然而，对于主要关注用户体验设计的产品设计师来说，创建图标可能具有挑战性，因为这超出了他们的专业知识范围。 图标创作的一个方面是找到一个想法或概念来代表一个主题或一个术语。 简单的图标，如云，有共同的协议和示例，因此如果要表示数据库云，则无需…

兽耳（日文：獣耳，假名：けものみみ；英文借用语：Kemonomimi）是指在其身体外型上长出或使用配件装上各种类型动物耳朵特征的男性和女性虚构及现实人物之集合代...

Midjourney现在大家都用上了吧，目前默认生成的图片最大只能到2048 x 2048px，而且仅限V4版本，如果使用V5版本，生成的图片尺寸为1024 x...

我想分享一份关于如何为iOS移动应用程序创建UI设计的指南。该指南涵盖了我们需要了解的基本主题，以做出符合苹果公司准则的高质量设计。 结构: 布局和网格 ...

Whale LabPresents 撰文/编辑│梦奇/雪诗 排版│梦奇 本文约1842字，阅读需要5分钟 多样式的动效设计 研究主题：如何用动效展现 Logo 研究对象：动效 Logo Tripadvisor（猫途鹰）——对，就是那个全球著名的旅游网站，近期更新了品牌形象，不光调整了标识，还对色彩，字体完成了一系列的优化定制。 标识对比（左：旧版，右：新版） 不过这新版标识，虽然乍一看略有点儿憨憨…

Whale Lab Presents  撰文/编辑│梦奇/雪诗  排版│梦奇  设计│赵丰 本文约2937字，阅读需要8分钟 多版本的海报 研究主题：在不同国家推出的海报 研究对象：平面海报 之前看到一篇文章，核心思想说的是随着电影越来越普及，电影海报已经成为其宣传工作的门面担当。海报若能将艺术与趣味相结合，甚至能激发人们的收藏欲，且花大价钱都不一定买到。 …

Whale LabPresents 撰文/编辑│梦奇/雪诗 排版│梦奇 设计│赵丰 本文约2956字，阅读需要8分钟 拉面的进化 研究主题：纪念性主题博物馆 研究对象：合味道纪念馆 Cupnoodles Museum 项目地点：日本横滨 提起日本美食，脑子里会蹦出什么词？拉面，寿司，天妇罗，寿喜锅…光想着就已经开始分泌唾液了。但接下来说的这个食物——方便面，不仅味道浓郁，口味丰富，家喻户晓，更在设…

要画平面的草图，也要画立体的模型，产品设计师要会的技能极多（加班也极多），也极其枯燥。随着技术的发展，不走寻常路的画图方式也开始涌现。 一款叫做Gravity Sketch的软件，就让设计师直接跳过了建模软件。这款软件可以从平面草图入手，结合VR设备，直接在空气中让草图变成模型。 最近的6.1版本更新中，新增了Surface Tool功能。顾名思义，这是个“平面工具”。设计师可以在平板电脑上画出草…

今天摸鱼的时候，发现了一名插画大触，名叫Carlos Dattoli，头像一副冰冷厌世风。 他画画喜欢科幻末世风格，也是很配这张厌世脸了。 不过这都是表象！这货就是个沙雕博主！你看这是啥？如果英雄们胖起来？ X战警 腹愁者联盟 忍者神龟 上图这些是2015年的作品，这位沙雕最近又有新作，经过几年的磨练，画的肥肉是更瓷实了。 圣斗士五小强 死侍小队 银河护卫队 惊奇队长 星球大战 超级玛丽 腹愁者联…

人在感知外界的过程中，超过80%的信息是通过视觉感知的。一旦眼盲，将给人的生活造成极大的困扰。 为了解决这个问题，法国教育学家布莱叶在1824发明了盲文，通过触摸帮助盲人获取信息。然而就算无障碍设计、通用设计等等理念天天提，我们生活中见到的盲文依然少之又少。 布莱叶与他发明的盲文 日本设计师高桥浩佑说：“我们很少在公共场所看到盲文，因为它占用了额外的空间，视力正常的人往往忽视盲文的重要性。” 因此…

来自精于设计whaledesign的知乎回答 你见过的最残忍的照片是什么？ 伊斯坦布尔的艺术家UurGallenku将非洲中东的动荡战火和西方精彩的物质生活拼贴在一起，相似的构图、相似的姿态、相似的年龄，却有截然不同的人生。 他的照片中充满了荒谬与无奈，一边是鲜花与微笑，一边是鲜血与枪炮。依然存在的战火在提醒着我们，现在的生活有多么幸福。 △ 沾满鲜血的难民和参加颜色跑的孩子，他们看起来差不多大，…