首页

色彩搭配,决定 PC 端界面设计成败的关键因素

ui设计分享达人

在 PC 端界面设计的广袤天地里,色彩搭配宛如一位隐匿却极具影响力的幕后推手,悄无声息地左右着设计的成败。当用户打开一款 PC 软件,最先映入眼帘的便是界面的色彩。它不仅构建起视觉的第一印象,更能在无形中影响用户的情绪、操作体验以及对产品的整体认知。接下来,让我们深入探索色彩搭配在 PC 端界面设计中的关键作用。

一、色彩的情感与心理暗示

色彩是有 “语言” 的,每一种色彩都蕴含着独特的情感与心理暗示。比如,红色热烈而充满活力,常被用于促销类界面,以激发用户的购买欲望;蓝色冷静且专业,深受办公软件和金融类应用的青睐,能给用户带来可靠、安心的感觉;绿色象征着自然与健康,适合健康养生类软件,营造出平和舒缓的氛围。了解这些色彩的特性,有助于设计师根据产品的定位和目标用户的需求,精准选择合适的主色调。

二、色彩搭配的原则

(一)对比度原则

适当的对比度能让界面元素更加清晰易读。在文字与背景的色彩搭配上,要确保足够的对比度,避免阅读困难。例如,深色背景搭配浅色文字,或者反之。但也要注意,过高的对比度可能会产生刺眼的视觉效果,需要把握好度。

(二)色彩和谐原则

和谐的色彩搭配能给人带来舒适的视觉感受。可以采用类似色搭配,如红与橙、蓝与紫等,它们在色相环上位置相近,搭配起来自然流畅;也可以运用互补色搭配,如红与绿、蓝与黄等,通过强烈的对比创造出鲜明的视觉冲击,但需要巧妙调和,防止过于刺眼。

(三)主辅色搭配原则

确定一个主色调作为界面的核心,然后搭配 1 - 2 种辅助色。主色调奠定整体风格,辅助色则起到补充和丰富的作用。例如,在一款以蓝色为主色调的办公软件中,可以搭配少量的橙色作为点缀,突出重要按钮或提示信息,使界面更加生动活泼。

三、不同类型 PC 端界面的色彩搭配策略

(一)办公类软件

办公类软件注重效率和专业性,通常采用简洁、沉稳的色彩搭配。以蓝色、灰色为主色调,搭配白色或淡色文字,营造出冷静、专注的工作氛围。同时,通过色彩区分不同的功能区域,让用户能够快速定位所需操作。

(二)游戏类软件

游戏类软件追求刺激、热血的游戏体验,色彩搭配往往鲜艳夺目、充满活力。多运用高饱和度的色彩,如红、黄、橙等,以及强烈的色彩对比,来吸引玩家的注意力,激发他们的兴奋感和参与度。

(三)阅读类软件

阅读类软件旨在提供舒适的阅读环境,色彩搭配以柔和、淡雅为主。常见的有米黄色背景搭配黑色文字,类似纸张和墨水的效果,减轻眼睛疲劳,让用户能够长时间沉浸在阅读中。

四、案例剖析

以某知名设计软件为例,它的界面采用了深灰色为主色调,搭配亮橙色的操作按钮和辅助线条。深灰色营造出专业、高端的设计氛围,亮橙色则在低调中脱颖而出,吸引用户的注意力,让关键操作一目了然。这种色彩搭配不仅符合软件的专业定位,还提升了用户操作的便捷性和视觉体验。
再看一款在线教育平台的 PC 端界面,主色调为浅蓝色,给人清新、舒适的感觉,契合教育的轻松氛围。同时,搭配绿色的进度条和提示信息,象征着学习的成长与进步。通过合理的色彩搭配,该平台在视觉上给用户带来愉悦的感受,增强了用户的学习积极性。
色彩搭配在 PC 端界面设计中占据着举足轻重的地位。它既是一门艺术,也是一门科学,需要设计师深入了解色彩的特性、搭配原则以及不同类型界面的需求。只有精心雕琢色彩搭配,才能打造出既美观又实用,能深深打动用户的 PC 端界面,在激烈的市场竞争中脱颖而出。

大屏 UI 设计的风格有哪些?

ui设计分享达人

在数字化飞速发展的当下,大屏设备在各类场景中愈发常见,从数据监控中心到企业展厅,从指挥调度平台到商业展示大屏 ,大屏凭借其广阔的展示区域,能承载海量信息,给予用户沉浸式体验。而大屏 UI 设计风格的选择,直接关乎展示效果与用户体验。接下来,让我们一同探究大屏 UI 设计的常见风格。

一、简约风格

简约风格堪称大屏 UI 设计的经典选择,它秉持 “少即是多” 的理念,极力去除繁杂冗余元素。通过简洁利落的布局,让关键信息一目了然;搭配清晰易懂的图标与醒目的大字体,方便用户快速获取所需内容,无需在复杂界面中寻找。这种风格适用于对信息传达效率要求极高的场景,像数据监控中心,工作人员需迅速捕捉关键数据;会议室展示时,也能让参会者快速理解展示内容。

二、科技风格

科技风格充满未来感与现代气息,在设计时大量运用富有科技感的元素,如流动的线条、炫酷的光影效果、灵动的动态元素等。色彩方面,常选用蓝色、紫色等冷色调,象征着科技的深邃与神秘,再搭配简洁的几何图形和具有金属质感的材质,营造出高端、先进的视觉感受。科技公司展厅利用这种风格展示前沿技术成果,智能设备界面采用该风格也能彰显产品的科技属性。

三、扁平风格

扁平风格以简洁的平面图形和单纯的色块构建界面,摒弃立体效果和复杂纹理。它突出信息的直观性,使界面呈现出清爽、简洁的观感,让用户能够快速浏览和理解信息。因其简洁高效的特性,在各类大屏 UI 设计中都有广泛应用,尤其是信息繁多、需要快速获取信息的界面,扁平风格能有效避免用户产生视觉疲劳。

四、拟物化风格

拟物化风格模拟现实世界物体的形态、质感和操作方式,通过高度还原现实元素,让用户凭借直观联想就能轻松理解和操作界面。在工业控制界面中,模拟真实的仪表盘、操作按钮等,方便操作人员快速上手;医疗设备界面采用拟物化设计,也有助于医护人员准确操作设备,减少操作失误。

五、新中式风格

新中式风格巧妙融合传统中式元素与现代设计理念,运用中式经典色彩,如中国红、黛青等;引入传统图案,像回形纹、如意纹等;搭配具有中式韵味的字体,营造出既具深厚文化底蕴又不失现代感的界面氛围。在文化展览、博物馆展示等场景中,新中式风格能很好地展现中国传统文化魅力,增强文化感染力。

六、插画风格

插画风格为大屏 UI 设计注入独特的艺术魅力,通过写实、抽象或卡通等不同风格的插画,为界面增添丰富的情感和个性。艺术展览的展示界面运用插画风格,能与展览主题相呼应,吸引观众目光;文化活动展示中,插画风格也能生动传达活动特色,增强宣传效果。
大屏 UI 设计风格丰富多样,每种风格都有其独特的特点和适用场景。设计师在进行大屏 UI 设计时,需依据项目需求、展示内容以及目标用户等多方面因素,综合考量,选择最契合的设计风格,从而打造出视觉效果与用户体验俱佳的大屏界面。
 

如何让 B 端深色界面设计符合用户习惯

ui设计分享达人

深入的用户调研是让 B 端深色界面设计符合用户习惯的基础。不同行业、不同岗位的用户对界面的需求大相径庭。例如,设计师群体可能更注重色彩的协调性和视觉的舒适度,而数据分析师则更关注数据展示的清晰度和操作的便捷性。通过问卷调查、用户访谈、可用性测试等方式,收集用户对界面颜色、布局、交互方式等方面的反馈和期望,能够为设计提供有力的依据。了解到多数用户在长时间使用 B 端产品时,希望界面能减轻眼睛疲劳,那么在深色界面的设计中,就可以选择低亮度、高对比度的颜色组合,以减少视觉负担。
合理的界面布局是提升用户体验的关键。B 端产品通常功能复杂,信息量大,因此清晰、简洁的布局至关重要。在深色界面中,应遵循用户的操作习惯和视觉流程,将常用功能和重要信息置于显眼位置。主导航栏可以固定在顶部或左侧,方便用户随时切换功能模块;操作按钮的设计要大小适中、易于点击,并且通过颜色和图标进行区分,让用户一目了然。运用留白和层次分明的设计手法,避免界面元素过于拥挤,使信息呈现更加有序。这样,用户在使用过程中就能快速找到所需功能,提高工作效率。
 
色彩搭配和对比度的把握直接影响着用户对 B 端深色界面的接受程度。虽然深色界面以深色为主色调,但并不意味着只能使用单一的黑色或深灰色。可以选择富有层次感的深色系,如深蓝、深紫等,作为背景色或主要元素的颜色。在文本和图标颜色的选择上,要确保与背景色有足够的对比度,以保证可读性。白色或浅灰色的文本在深色背景下通常较为清晰,但要注意避免颜色过于刺眼。对于重要的操作按钮或提示信息,可以使用明亮的对比色进行突出显示,吸引用户的注意力。
交互设计要符合用户的操作逻辑和习惯。B 端产品的用户往往需要频繁进行各种操作,因此简单、高效的交互设计能够大大提升用户的满意度。提供清晰的操作反馈,让用户知道自己的操作是否成功执行;支持快捷键操作,方便用户快速完成常见任务;设计合理的菜单和弹窗,避免过多的层级嵌套,让用户能够轻松地进行操作。
让 B 端深色界面设计符合用户习惯需要从用户调研、界面布局、色彩搭配、交互设计等多个方面入手。只有深入了解用户需求,不断优化设计细节,才能打造出用户满意的 B 端深色界面,为用户提供更加高效、舒适的使用体验。
 

如何做好 B 端设计色彩搭配

ui设计分享达人

一、遵循色彩基本原理

  1. 色彩心理学:不同颜色会引发不同的心理感受。例如,蓝色常被视为专业、可靠,在 B 端设计中常用于表示信息的稳定和安全;绿色代表自然、健康,可用于强调环保、可持续发展相关的功能或产品。了解这些色彩心理,能让我们在选择颜色时更贴合产品定位和用户心理预期。
  1. 色彩对比度:恰当的对比度能让界面元素清晰可辨。文本与背景之间要有足够的对比度,以确保用户在不同环境下都能轻松阅读。一般来说,WCAG(Web Content Accessibility Guidelines)建议正常文本的对比度至少为 4.5:1,大文本(18pt 及以上)为 3:1 。同时,在强调重要信息或操作按钮时,也可以通过色彩对比度来突出显示。

二、契合品牌调性

B 端产品通常与企业品牌紧密相连,色彩搭配应体现品牌的价值观和个性。如果品牌形象是创新、活力的,那么在界面设计中可以适当加入一些明亮、活泼的色彩作为点缀;若品牌强调稳重、专业,则应以中性色和深色系为主。保持品牌色彩在 B 端产品中的一致性,有助于增强品牌辨识度,让用户在使用产品过程中强化对品牌的认知。

三、考虑业务场景和用户需求

  1. 业务场景:不同的业务场景对色彩有不同的需求。例如,金融类 B 端产品可能更注重安全、可靠的视觉感受,多采用蓝色、灰色等冷色调;而创意设计类的产品则可以更具灵活性,使用丰富的色彩激发用户的创造力。
  1. 用户群体:了解目标用户群体的特点也很重要。如果用户主要是年轻的互联网从业者,他们可能对时尚、简洁的色彩风格更感兴趣;而对于年龄较大或对色彩敏感度较低的用户,简洁、高对比度的色彩组合会更合适。

四、构建合理的色彩体系

  1. 主色调:确定一个主色调作为界面的基础色,它应占据界面的大部分面积,奠定整体的视觉风格。主色调的选择要综合考虑品牌、业务场景和用户需求等因素。
  1. 辅助色:辅助色用于补充主色调,增强界面的层次感和丰富度。一般选择 2 - 3 种与主色调相协调的颜色作为辅助色,可用于按钮、图标、分隔线等元素。
  1. 强调色:强调色用于突出重要信息或操作,吸引用户的注意力。通常选择与主色调形成鲜明对比的颜色作为强调色,如在蓝色为主色调的界面中,橙色可以作为强调色来突出关键按钮。

五、注重色彩的一致性和可扩展性

  1. 一致性:在整个 B 端产品中,保持色彩使用的一致性至关重要。无论是不同页面之间,还是同一页面的不同元素之间,相同类型的信息和操作都应使用相同的颜色,避免用户产生混淆。
  1. 可扩展性:随着产品功能的不断增加和迭代,色彩体系需要具备一定的可扩展性。在构建色彩体系时,要预留一定的空间,以便在后续设计中能够灵活添加新的颜色,同时又不破坏整体的协调性。
做好 B 端设计的色彩搭配需要综合考虑多方面的因素,从色彩原理、品牌调性、业务场景到用户需求,每一个环节都不容忽视。只有通过精心的策划和设计,才能打造出既美观又实用的 B 端产品界面,提升用户体验,助力业务发展。
 
 

产品设计思维解析

ui设计分享达人

聊聊关于设计思维的内容,会从产品设计、体验设计、交互设计、视觉设计四个方面入手。目前是第一篇关于产品方向的内容。自我观点配合一些产品背后的故事展开。希望对你可以有所帮助。
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析


作者:DesignLink
链接:https://www.zcool.com.cn/article/ZMTY0NjI1Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

产品设计思维解析

ui设计分享达人

聊聊关于设计思维的内容,会从产品设计、体验设计、交互设计、视觉设计四个方面入手。目前是第一篇关于产品方向的内容。自我观点配合一些产品背后的故事展开。希望对你可以有所帮助。
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析
 
 
产品设计思维解析


作者:DesignLink
链接:https://www.zcool.com.cn/article/ZMTY0NjI1Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

B端干货|全链路设计的分析能力

ui设计分享达人

全链路用户体验设计师需要具备的六大能力模型。掌握这六种能力模型,既可以辅助我们进行更好的设计支撑,也可以在业务的工作汇报和部门的述职工作中站稳脚跟!!!
市场分析 | 用户洞察 | 产品规划 | 项目管理 |  数据分析 | 用户运营
下面我会分几篇文章去讲解这六大能力模型~
 
市场分析
B端干货|全链路设计的分析能力
 
 
1. SWOT 分析模型
B端干货|全链路设计的分析能力
 
 
什么是SWOT?
SWOT是一种经典的企业战略规划工具,著名咨询公司麦肯锡经常使用它为企业战略咨询服务,它通过分析对象内外部因素从而得出战略结论的分析方法。核心理念在于通过对影响因素进行分类梳理,再通过聚合考虑来得出结论。
B端干货|全链路设计的分析能力
 
 
如何进行SWOT分析?
大道至简,SWOT分析模型的应用也很简单,分别对各维度因素进行识别和梳理,然后构建出分析矩阵,最后根据矩阵中信息进行综合分析,就能得出结论和战略方向了。
B端干货|全链路设计的分析能力
 
 
 
a. 梳理分析维度
内部因素分析
也就是S(强项)和W(弱项),可以从Q(品质)、C(成本)、D(技术和交付能力)、M(人才设备等)、S(服务)等维度进行梳理。当然也可以根据分析对象的特性进行调整。
外部因素分析
也就是O(机会)和T(威胁),可以借助PEST模型或者波特五力模型上着手(这两个模型后续再详细展开)
 
b. 构建分析矩阵
这个步骤就挺简单,就是把第一步分析的因素,按照这几个类别放到一起
B端干货|全链路设计的分析能力
 
 
 
c. 制定战略计划
B端干货|全链路设计的分析能力
 
 
d. 案例练习
假设你在夜市有一个烤肠摊为基础,来一次思想实验,练习一下SWOT分析。
B端干货|全链路设计的分析能力
 
 
战略方向调整
SO(利用优势抓住机遇):
  •  
    推出新产品
S的地理位置好+已有口碑,结合机遇中的健康饮食,那么可以开发新品/建立宣传点,推出健康烤肠新品,满足市场需求。
  •  
    社交媒体推广
利用已有优势+社交媒体,在工作中进行直播,进一步提升口碑和影响力。
PS:315对淀粉肠进行曝光后,如果这个店一直以健康和口碑立足,是不是恰好又迎来机遇呢?
 
ST(利用优势应对威胁):
  •  
    增强食品安全
现在口碑和味道都很好,但是一旦出现食品安全问题,影响会很大,那么应该确保产品质量,维护小店声誉。
  •  
    强化独特口味
地摊竞争对手众多,利用优势脱颖而出,可以对口味等强化宣传
 
WO(克服劣势抓住机遇):
  •  
    季节性产品
劣势方面,现在产品收到季节性影响,外部机遇有媒体和重视饮食健康,一方面针对淡季,可以研发季节性健康产品,另一方面可以摘淡季加强自媒体宣传。
 
WT(克服劣势避免威胁):
  •  
    竞争对手多,且摊位规模和资金规模有限制:
因此对于扩张规模、占地比较大的新品引入、高投入的变革都不适用于现阶段的策略,这些方向上应该按兵不动,静待时机。
 
2. PEST 分析模型
含义:PEST 是一种用于分析宏观环境的工具,它包括政治(Political)、经济(Economic)、社会(Social)和技术(Technological)四个方面。通过这四个维度来评估这些因素对企业或市场的潜在影响。
B端干货|全链路设计的分析能力
 
 
B端干货|全链路设计的分析能力
 
 
B端干货|全链路设计的分析能力
 
 
应用场景和案例
  •  
    政治因素:政府法规政策对用户体验设计有重要影响。比如数据隐私法规要求产品设计清晰呈现数据收集方式并提供隐私设置选项;无障碍法规促使设计考虑残障人士需求。同时,数字化政务服务和公共服务创新项目为用户体验设计提供应用场景。
  •  
    经济因素:消费能力影响用户需求,经济繁荣时高端市场注重奢华个性化体验,经济不稳定时大众市场追求性价比。市场竞争中,企业通过创新用户体验设计实现差异化,同时需考虑成本效益。
  •  
    社会因素:不同文化背景和社会价值观变化影响用户对产品的期望和偏好。例如,集体主义文化地区更重社交功能,环保意识增强促使产品融入环保元素。此外,社交互动需求和移动生活方式也要求用户体验设计适应这些趋势。
  •  
    技术因素:新兴技术如人工智能、机器学习、虚拟现实和增强现实在用户体验设计中有广泛应用。但要平衡技术复杂性与易用性,同时通过良好的用户教育帮助用户适应技术更新。
 
3. 波特五力模型
B端干货|全链路设计的分析能力
 
 
含义:迈克尔・波特(Michael Porter)提出的五力模型用于分析行业竞争态势。这五种力量包括现有竞争者的威胁、潜在进入者的威胁、替代品的威胁、供应商的议价能力和购买者的议价能力。
 
应用场景和案例:
  •  
    现有竞争者的威胁:在智能手机行业,苹果、华为、三星等品牌之间竞争激烈。它们通过不断推出新产品、进行价格战、提升品牌形象等方式争夺市场份额。企业需要分析竞争对手的产品特点、价格策略、市场份额等因素,来制定自己的竞争策略。例如,某国产手机品牌为了在竞争中脱颖而出,不断加大研发投入,在拍照功能上取得优势,吸引了众多摄影爱好者,从而提高了市场竞争力。
B端干货|全链路设计的分析能力
 
 
  •  
    潜在进入者的威胁:
以网约车市场为例,滴滴在市场占据主导地位,但如果有新的资金雄厚的企业进入这个市场,如一些大型汽车制造商或者科技巨头,就可能改变市场格局。现有企业需要通过构建品牌壁垒、技术壁垒、规模经济等方式来抵御潜在进入者。滴滴通过建立庞大的司机网络和用户基础,以及先进的调度系统,增加了新进入者的进入难度。
B端干货|全链路设计的分析能力
 
 
  •  
    替代品的威胁:
传统纸质书籍面临着电子书的替代威胁。电子书具有便携性、存储量大等优点。传统出版社需要关注电子书市场的发展,通过发展自己的数字出版业务,或者与电子书平台合作等方式来应对这种威胁。同时,也要发挥纸质书的独特优势,如收藏价值、阅读质感等。
B端干货|全链路设计的分析能力
 
 
  •  
    供应商的议价能力
在汽车制造业,汽车制造商对零部件供应商的议价能力会影响成本。如果某汽车品牌是一家大型企业,采购量巨大,它对零部件供应商的议价能力就强,可以压低采购价格,降低生产成本。相反,如果是一家小众汽车品牌,零部件供应商的议价能力相对较强,可能会导致汽车生产成本上升。
B端干货|全链路设计的分析能力
 
 
  •  
    购买者的议价能力:
在一些大宗商品市场,如钢铁市场,大型建筑企业作为购买者,由于采购量大,对钢铁供应商的议价能力就强。它们可以通过招标等方式,让多家供应商竞争,从而获得更优惠的价格。而对于一些小客户,其议价能力较弱,往往只能接受供应商提供的价格。
B端干货|全链路设计的分析能力
 
 
 
总结
SWOT、波特五力分析模型与 PEST 模型相互关联。
PEST 模型聚焦政治、经济、社会、技术等宏观环境,其分析结果能为 SWOT 中的机会和威胁要素提供来源,帮助企业从宏观层面把握外部情况。
波特五力分析模型着重剖析行业内的竞争力量,可细化 SWOT 里的威胁内容,助力明确行业竞争处境。
三者结合,企业能先借 PEST 知晓宏观环境,再用波特五力把握行业态势,最后靠 SWOT 综合分析制定契合自身发展的精准战略。


作者:Charlotte的嘻酱
链接:https://www.zcool.com.cn/article/ZMTY0OTE5Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

以用户为中心,优化 B 端界面设计

ui设计分享达人

在数字化转型的进程中,B 端产品已成为企业高效运营的关键支撑,而 B 端界面设计则是决定其成败的核心要素。以用户为中心优化 B 端界面,不仅能提升员工操作体验,还能为企业运营注入强大动力。
以用户为中心,意味着深入洞察不同岗位用户的需求。销售、财务、运营等不同部门员工,因工作内容和场景各异,对 B 端产品的功能需求也大不相同。比如销售团队,更注重客户跟进、订单管理的便捷性;财务人员则对数据准确性和报表生成效率要求极高。通过问卷调查、用户访谈等方式收集反馈,精准把握这些需求,是优化 B 端界面的基础。
优化 B 端界面设计,可从多个维度展开。信息架构要简洁直观,去除冗余菜单和繁杂信息,让员工能迅速找到所需功能。例如,项目管理 B 端产品将项目进度、任务分配等关键信息置于首页显眼位置,员工登录后一目了然,无需反复切换页面查找。
交互设计也十分关键,要符合用户日常操作习惯。采用拖拽、滑动等常见手势进行文件上传、数据排序等操作,减少繁琐点击步骤。同时,设置即时反馈机制,员工操作后系统立刻提示结果,避免因等待产生焦虑。
视觉设计同样不容忽视。统一的色彩搭配和清晰的图标,能提升界面专业性和美观度。色彩选择要契合企业品牌形象,保证文字与背景高对比度,方便员工查看。图标设计应简洁明了,员工一看便知其功能。
以某企业人力资源管理系统为例,优化前,员工考勤记录、薪资查询等操作繁琐,界面复杂,导致员工满意度低、效率低下。优化后,重新梳理信息架构,简化操作流程,采用简洁交互设计和清新视觉风格。优化后,员工操作失误率大幅降低,工作效率提升 [X]%,系统使用率和员工满意度显著提高。
 
以用户为中心优化 B 端界面设计,是企业提升竞争力、实现高效运营的重要途径。只有持续关注用户需求,不断优化设计,才能让 B 端产品在企业发展中发挥更大价值,助力企业在数字化浪潮中稳健前行。
 

ui设计公司分享:享受设计的过程而非结果

ui设计分享达人

廖尔摩斯:享受设计的过程,而非结果!
 
林童:
廖尔摩斯您好,很荣幸可以向您提问,先向大家介绍一下自己吧!
廖尔摩斯:
大家好,我是廖尔摩斯丨设计大侦探,很荣幸能参与到站酷龙门阵的访谈栏目和大家互动。我从大一开始就接触设计了,然后从威客、自由设计师到创办公司运营,再到今天的一人企业,算起来设计职业生涯已经有12年了。
目前的我的职业状态是一人企业,没有员工,就我自己一个人负责企业所有的售前、提案、设计以及运维。另外我还和几个朋友一起打造了一个体验社区,CXHub,欢迎喜欢用户体验设计的朋友常来逛逛!
 
林童:
能否简要介绍一下您的职业背景以及您是如何踏入UI设计这一行的?
廖尔摩斯:
我从2005年开始接触互联网,从那时起就对互联网技术产生了巨大的热情。2008年上大学后开始自学Photoshop软件,当时便下定决心要成为一名设计师,虽然对这个岗位其实还没啥概念。不过很幸运的是,当时有一个很特殊的网站——猪八戒。所以我很快就能通过设计去这个网站接单赚钱,最终也依靠从这个平台积累的客户让我一毕业就开始全职做自由设计师。
也是因为这样职业背景的原因,我所接触的客户、行业以及工作内容最初都是比较杂乱的,从最初的淘宝装修、电子画册、平面设计、网页设计,最后到UI设计,我才发现我最喜欢的工作其实是产品设计,这个岗位也最适合我的个人能力。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
在您的设计生涯中,有哪些项目或经历对您影响最大,为什么?
廖尔摩斯:
从业十二年,大大小小的项目算起来也有上百个了。不过对我影响最大的项目应该是21年初公司的自营项目,一个SaaS产品的设计开发。
之所以影响最大,是因为这个项目是我们当时公司生存的赌注。很不幸的是,我们赌输了,这次失败也让我彻底去反思过去在外包行业的发展,这个行业是否还有前景,以及我自己的未来发展应该如何规划。
我也是从这个时候成为一人企业的,当我和伙伴们吃完散伙饭,我感觉自己也失业了。我在2022年开始做大量的产品拆解,最大的目的就是想系统的研究这些优秀的产品是如何设计的。
 
林童:
在设计用户界面时,您通常遵循哪些基本原则或理念?
廖尔摩斯:
其实无论是平面还是UI,亦或是其他终端的产品,甚至工业设计,我觉得设计必须要遵循的最基础原则是《写给大家看的设计书》一书中 Robin Wiliams列举的四个原则——对比、重复、对齐和亲密性。其次就是尼尔森十大可用性原则,特别是对于Web、APP以及其他终端需要强高频交互的数字产品。不过我觉得设计师应该遵循的最大设计原则是——
无论何时,任何设计,都要尝试做得更好!
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
在用户体验(UX)与视觉设计(UI)之间,您如何平衡两者的重要性?
廖尔摩斯:
引用李斌老师在《这才是用户体验设计》一书中提到的UX和UI的区别,那就是UX关注的是人、幸福、需求、效率这些宏观的问题,而UI更关注导航、菜单栏、搜索框这些微观的问题。但我认为一个合格的、优秀的设计师,都必须要掌握UX和UI的知识,我觉得未来的国内企业环境对设计师的要求不会那么宽松了,UI设计师必须要参与到业务场景的调研和产品分析中去,这样设计出来的产品界面才会有灵魂。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
在设计初期,您如何进行用户研究和需求分析,以确保设计方向正确?
廖尔摩斯:
关于用户研究的方法,其实很多,比如焦点小组、问卷调研,这些我就不介绍了。不过我觉得如果要真正设计好一款产品,不管是产品还是设计师,都应该深入到用户真实使用的场景中去模拟、去感受,这样才能理解用户到底需要什么、如何操作、如何完成。
 
林童:
在您的设计实践中,遇到过哪些最大的挑战?您是如何克服这些挑战的?
廖尔摩斯:
我觉得技能上的瓶颈或者困惑都只需要时间就能解决,但让我真正失落的其实是设计这个环节在产品设计研发中的被轻视
比如UI设计,它其实是处于整个产品研发的中间环节,有时候显得可有可无,甚至很多时候连客户自己都不是很在意了。这对我个人来说,曾经是一个非常大的职业困惑,那就是设计还重要吗,设计还有意义吗?所以我这几年去看了很多商业、产品、交互、开发甚至营销的书籍,就是带着这个困惑去寻找一下答案。
如果要问我答案,我只想说,无论任何产品,任何行业、任何项目,设计其实是最重要的,只是这个“设计”并非只是UI设计,而是一个全链路的设计,包括定位、商业模式、终端产品、交付内容、运营以及售后服务等等。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
您认为当前UI设计领域中最值得关注的发展趋势是什么?
廖尔摩斯:
技能层面,肯定要关注AI的发展,比如Midjourney这些工具,我们必须要去研究熟悉。不过我认为更应该关注企业端对UI设计师全链路的设计需求,也就是懂产品、懂交互的UI设计师。从我自身的角度出发,如果让我现在重新去组建公司,我不会要一个纯UI的设计师,我一定要找一个全链路的UI设计师,这样他才能独立负责完一个较完整的工作,即便我可能会给这个设计师开两份工资。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
随着技术的进步(如AI、VR/AR),您如何看待它们对未来UI设计的影响?
廖尔摩斯:
未来3-5年,数字产品的终端将会发生很大的改变,但是不管是更大还是更小,对于产品设计师来说,除了关注这些新技术的发展,打好自身的设计基础其实显得更重要,因为任何终端的设计,都需要遵循最基础的设计原则,如果你不掌握这些最基础的设计知识理论,哪怕你再熟悉这些设备,你都无从下手。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
对于希望进入UI设计领域的新人,您有哪些建议或推荐的学习资源?
廖尔摩斯:
如果不是发自内心的热爱设计,不建议进入这个行业了,因为太饱和了,现在失业转行的设计师太多了,而且企业的需求也没有那么旺盛了。不过如果你真心热爱设计,那么我建议你一定要做长期的规划,如果你还是大学生,可以从现在就开始学习,不管是报班还是自学,要有决心、有毅力去学习。至于学习资源,现在其实教程很多,不管是站酷还是其他平台,图文还是视频,都有很多免费不错的教程,经济如果跟得上,就可以花钱买一个好一点的系统课程。
 
林童:
在设计灵感枯竭时,您通常通过哪些方式寻找新的创意和灵感?
廖尔摩斯:
临摹就是最好的老师,也是最好的创意来源。假如你不知道如何下手,就去临摹头部竞品、直接竞品,这样你的灵感很快就会出现。
 
林童:
有没有哪位设计师或设计作品对您的设计风格产生了重要影响
廖尔摩斯:
韩雪冬老师是对我影响比较大的一个设计师,他在网页设计视觉方面的造诣,是我们那个时代年轻设计师膜拜的偶像之一。其次还有李浩(站酷ID:动不动就饿),他对设计的态度和追求深深影响了我,让我坚信设计的力量,以及给自己定下一个非常高的标准。
 
林童:
您对未来几年的UI设计行业有何预测或期待?
廖尔摩斯:
UI设计不会消亡,虽然现在大家都不看好这个职业了,但是UI设计将会发生彻底的改变。它将会向国外企业对这个岗位的要求看齐,那就是UI设计师绝不是一个独立的设计执行工作,它需要设计师具备商业、产品、交互的能力,在产品设计研发的链路中,为商业决策、运营等发挥重要的作用。请相信,
只有优雅的产品才能称为伟大,而缺少美,就不能称为优雅!
 
林童:
最后有什么话要送给站酷的设计小伙伴吗?
廖尔摩斯:
以前从未思考过作为一个设计师,也应该要去树立自己的设计愿景和价值观,直到这两年才猛然醒悟,这些看上去或许比较虚的东西,其实是真正支撑一个设计师能走多远的秘诀,正如甲骨文创始人拉里·埃里森在他人生最低谷时候写给自己的这句话——
成功,是由信念推动的!
 
所以在设计行业如此低迷的情况下,我希望给站酷的设计小伙伴们分享我花了12年才感悟出来的设计价值观——
享受设计的过程,而非结果!
廖尔摩斯:享受设计的过程,而非结果!


作者:站酷专访
链接:https://www.zcool.com.cn/article/ZMTY1MDE2MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

APP优秀产品设计亮点

ui设计分享达人

为什么我想不到这些设计亮点
 
 
 
 
体验目录
 
一、这个隐藏的手势交互你忽略没
二、情感化的背景设计
三、自适应的瓷片区布局
四、考虑用户习惯的导航设计
五、应景的标签设计
六、情感化的心情记录
七、动态感的个人中心设计
八、动态 Banner 更有吸引力
九、有点意思的图标设计
十、营造冬季氛围的背景设计
 
  
 
一、这个隐藏的手势交互你忽略没
 
随着用户体验的不断升级,手势交互变得越发普及,使得产品操作体验变得更有互动感和趣味性。通过手势交互的辅助,让产品设计更加简化,更有利于用户实现操作目标。
 
我们经常用抖音刷短视频,可以通过单击底部标签栏“首页”进行刷新,长按则会弹出模式切换。通过手势交互的辅助可以快速切换单列、双列展示形式,以及刷新首页和默认静音设置,不知道这个操作你发现了吗?
为什么我想不到这些设计亮点
 
 
 
 
二、情感化的背景设计
 
情感化设计可以让产品与用户建立更强的共鸣感,让用户感受到产品的温度,促进对其服务的认可度。
 
在杭州生活的人会经常使用浙里办,在一些节庆、节气等时间段打开 App 时,顶部视觉区域背景会进行应景设计。通过情感化的表达方式营造氛围感的同时,也让用户感受到产品的温度,带来更加温馨的体验感。
为什么我想不到这些设计亮点
 
 
 
 
三、自适应的瓷片区布局
 
瓷片区的灵活性可以方便更多功能模块的布局,也能自由更换和增删处理,只要保障基础框架结构的稳定即可。
 
酷狗音乐未登录时首页推荐板块的瓷片区设计,在滑动过程中会进行自适应布局,方便进行结构的填充和内容的补充。默认时隐藏部分内容可以提高当前位置的利用率,便于提高更多内容的曝光度,交互过程中的动效表达也非常的流畅自然。
为什么我想不到这些设计亮点
 
 
 
 
四、考虑用户习惯的导航设计
 
抽屉式导航是导航设计表达的形式之一,由于属于隐藏式的设计,通常集合非操作频繁的功能。
 
酷狗音乐采用了底部标签栏和抽屉式导航结合的形式,即满足高频功能的便利性,也能集合更多低频功能。由于大屏手机的普及,用户单手操作的习惯各有差异,考虑用户左手或者右手都能轻松打开导航,酷狗音乐右上角的导航图标可以从右侧打开导航,左手贴边向右滑可以从左侧打开导航,满足了不同操作习惯的用户需求。
为什么我想不到这些设计亮点
 
 
 
 
五、应景的标签设计
 
标签设计的表达形式非常多样化,也被运用到众多的场景中,辅助内容的传播与理解等。
 
天气冷了,大家会在淘宝买一些秋冬服装等商品,当搜索秋冬外套、保暖等关键词时,会出现降温坐标、轻暖等标签设计。通过标签突出了商品关键词的特征,也让用户可以感受到季节的变化,促进商品被搜索的概率。
为什么我想不到这些设计亮点
 
 
 
 
六、情感化的心情记录
 
随着生活压力和职场压力的不断增加,为了缓解大家的焦虑情绪,衍生出很多日记类产品,帮助大家记录心情和管理调节。
 
最近在使用心岛日记记录心情时,记录界面设计感觉很有意思。通过转盘的交互形式选择心情,也通过应景的动效表达辅助心情传递,整体设计情感化体验度非常好。
为什么我想不到这些设计亮点
 
 
 
 
七、动态感的个人中心设计
 
个人中心的设计在整个产品设计中都是非常重要的存在,也因此出现了众多优秀的设计方案。
 
心岛日记的个人中心设计中,顶部区域背景以动态的形式表达,描绘出的场景让人心情愉悦。相较于静态画面的表达,动感的设计更能打动用户。
为什么我想不到这些设计亮点
 
 
 
 
八、动态 Banner 更有吸引力
 
Banner 设计在产品中的表现形式也非常丰富,可以在视觉创意中发挥,也可以在造型结构中变化,还能动静各异。
 
最近在使用支付宝时,首页为了突出发放消费券的活动,采用了动态 Banner 设计。突出的视觉和动感的效果,让活动变得特别突出,增加板块吸引力,提高用户参与度。
为什么我想不到这些设计亮点
 
 
 
 
九、有点意思的图标设计
 
随着图标设计的风格越来越多,使得产品设计的感官体验得到了提升,设计师也在不断尝试更多的创意表达。
 
最近在飞猪旅行 App 中,发现其图标设计有点意思。部分图标采用书法里面的连笔形式,结合渐变色使得整体图标风格年轻活泼,设计表达独特而有新意。
为什么我想不到这些设计亮点
 
 
 
 
十、营造冬季氛围的背景设计
 
冬天虽然很冷,但是也有独特的风景带给大家,在寒冷中感受这个季节的独特魅力。
 
飞猪旅行 App 在首页设计中,顶部背景区域结合冬季下雪与堆雪人等元素,以动态的形式营造了这个冬季独有的氛围感。不仅提升了产品的感官度,也让用户更有季节代入感。
为什么我想不到这些设计亮点
 
 
小结
 
设计灵感来源于日积月累,希望我们的产品体验日记栏目可以成为大家积累的来源。本文描述属于个人观点,不足之处大家留言补充。


作者:黑马青年
链接:https://www.zcool.com.cn/article/ZMTY0OTI0NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档