`

Web UI设计 -- 难于上青天

阅读更多

      记得两周前,我和一个资深工程师说我很累,因为项目人手不够,我想招两个实习生来帮忙(先声明一下,我们是一个Demo的项目)。这位工程师却说,恩,找几个来做前端的网页。可是我却告诉他,不,我要找他们来做后台的开发。

 

       我不是一个专职的Web设计师,我的职业是程序员。我做个3G的基站和基站控制器,做过网管设备。不过我觉得这些东西都没有做UI,尤其是Web UI难。我经常为了一个内容展现头痛不已,很多时候,这个工作需要灵感。也许我确实不是专家,不过我自己认为我对UI的理解还是蛮可以的。至少我做的iPhone记账本,给很多朋友们看,他们觉得就是他们心中的样子。我说,每个按钮都是我经过反复调试放在那里的。如果说UI难,Web UI就更难。难在第一点,大家不重视它。很多程序员很不屑。我们有个Team,有很多JavaEE小伙,JSF/Hiberate用得很熟悉,不过界面咋看起来,惨不忍睹啊。后来他们去条界面,发现原来要把设计师Photoshop的网页图,真得实现出来,这么难。我告诉他们,有个职业叫做PSD2HTML。第二难,是Browser的兼容性,Safari和FireFox还算比较兼容,可惜碰到IE你就哭了。即使是IE,IE6/IE7/IE8还是不一样,我们经常为了每个按钮调整老半天的CSS。

 

      我真的很希望以后Browser的兼容性能够好一些,让设计师们可以把精力更多的放在用户体验上面。

分享到:
评论
48 楼 shgen 2009-07-03  
chirking 写道
我就不明白搂主为什么非要后台开发去弄UI。。。应该先设计好架构,然后前后端并行开发,分工明确一点。

这个比较科学。
47 楼 shgen 2009-07-03  
ankyhe 写道
我觉得其实前端的UI会影响后台的一些设计。所以先把后台弄好,再搞前端UI,感觉不是很科学。

那可能是没有设计好,
一般是先考虑功能,但这个考虑仅限于考虑,然后动手时,是先UI,再后台。
46 楼 iaimstar 2009-06-29  
caizh2009 写道
对于XX系统来说,哪个说的UI第一,肯定是功能第一撒
你去看下电信的大部分系统,都是很‘丑’的,但是工作人员就是要系统运行快,好不好看对于他们来说,没任何意义,因为他们天天勇系统,在美得UI在他们眼里来说,都不如系统运行流畅点好

你去看下电信的大部分系统,都是不怎么用的,但是工作人员就是要挣点钱,好不好用对于他们来说,没有任何意义,因为他们天天想赚钱,再好用的系统在他们眼里来说,都不如能多拉点国家投资好
45 楼 solonote 2009-06-29  
可能楼主所在的公司不太正规吧,正规一点的公司都有专门的UI设计师
有专门出图的,有专门把图做成html的,也有两者都干的.
现在国外的一些电子商务外包,可能会找好几家公司来做一个站,UI和后台有可能不是同一家公司在做.
术业有专攻,建议你们请一个专业的HTML美工.
44 楼 google_fans 2009-06-28  
johnnyhg 写道
我个人觉得美工的技术含量和难度要远高于程序员。
程序员免对的是固定的代码和机器。
但是美工要设计出众口称赞的UI;难!很难!


这种想法确实也很无知。远高于都被你说出来了?

你就当人家做算法的吃屎的啊。

其实就是分工不同,有什么好争的。
43 楼 caizh2009 2009-06-28  
对于XX系统来说,哪个说的UI第一,肯定是功能第一撒
你去看下电信的大部分系统,都是很‘丑’的,但是工作人员就是要系统运行快,好不好看对于他们来说,没任何意义,因为他们天天勇系统,在美得UI在他们眼里来说,都不如系统运行流畅点好
42 楼 lucky16 2009-06-28  
现在就是要多看看好的一些WEB!

找找感觉!
41 楼 wondery 2009-06-28  
ankyhe 写道
虽然我觉得Flex/Flash是一个满不错的技术,可是我还是觉得RIA会死亡,标准的Browser/HTML5会一统江湖。(希望大家求同存异,不要“人生攻击”我)

个人觉得不会出现这种情况,HTML5未出来之前可能已经落后于Flex了
40 楼 wondery 2009-06-28  
ankyhe 写道
其实我们程序员或者工程师,感觉很重视所谓的后台。譬如,搭建一个好的架构,怎么处理并发,并行,提高吞吐量,安全性。坦白说,这些东西真的蛮复杂的,也很有技术含量。可是,这些东西我觉得和UI比,还是简单。我有大量的工作经验在进程,线程,大数据量处理,虽然它们很难,可是我从来没有觉得“搞不定”过;可是UI不一样,我经常为了一个东西怎么弄,想半天,甚至推到重新做.有的时候很需要灵感。

恩,就是。
唯一一个让我有放弃念头的问题:是一个复杂的UI页面
39 楼 arafat 2009-06-28  
js ajax之类还能硬上
画图一类就。。。。
38 楼 paulliu 2009-06-28  
楼主的话题很有共鸣性,小弟也深有同感。
在中国的programmer来讲,很多人都是先从前台界面开始学起,
比如HTML,JSP,JS等等。
很多公司也都是把前台的活交给新人来做,因为大家都觉得前台界面
一旦原型设计完成了,后期的实现就属于彻砖墙的活了,领导都不是
很重视的。
但是话说回来,做为最终用户来讲,人家才不会在意你的系统的后台
用了什么高科技,人家只会关心UI是否满意。
37 楼 shameant 2009-06-27  
UI DESIGN的时候直接找一个别人的UI 然后让你照着去做
接下来就是让你从SQL  写到 JS
领导还不时问你你这样做不适合用户体验。结果你还得去考虑用户体验。
36 楼 lywzj2008 2009-06-27  
我有相同的感受。我也做后台,也做前台 ,但是前台的时间要花好长的。调来调去,也没有满意的。做前台 。要多学点那些方面的知识呀。请教。
谢谢。
35 楼 yiminghe 2009-06-27  
lifesinger 写道
工资决定大众的重视度

美工和前端的工资,与后台程序员相比,普遍偏低

重后台轻前台合情合理



传言是真的呀,郁闷,
34 楼 cheneyjuu 2009-06-27  
难者不会,会者不难!
33 楼 lifesinger 2009-06-27  
工资决定大众的重视度

美工和前端的工资,与后台程序员相比,普遍偏低

重后台轻前台合情合理
32 楼 johnnyhg 2009-06-27  
我个人觉得美工的技术含量和难度要远高于程序员。
程序员免对的是固定的代码和机器。
但是美工要设计出众口称赞的UI;难!很难!
31 楼 jef 2009-06-27  
我也很有同感,UI是一个需要创意、灵感的活,是一种设计工作,跟后台技术实现没啥可比性。

任何轻视UI的技术人都是自大和愚蠢的。

30 楼 lucky16 2009-06-27  
确实!
好多后台的人都看不起前端UI
但是真的是你们想得这么简单吗???
29 楼 google_fans 2009-06-27  
术业有专攻。
一般的项目都会有UI设计师的,后台设计负责好自己的东西就可以了。

对于高访问量的网站,例如各大门户网站,后台架构是非常重要的。

我们公司每个tm都会配一个专业的DBA,UI。
UI基本上不用太担心。

正规的公司分工都听详细的,平台设计,运维,QA。

JAVA,C,界面设计等,各种人才都是需要的。

相关推荐

    text-generation-webui-main

    本文将深入探讨“text-generation-webui-main”项目,这是一个集成了多种模型后端的文本生成Web用户界面,它包括transformers、llama.cpp、ExLlama、AutoGPTQ、GPTQ-for-LaMa以及ctransformers等核心组件,旨在为...

    stable-diffusion-webui-extensions 扩展

    "stable-diffusion-webui-extensions" 是一个与人工智能绘画相关的扩展程序,主要应用于Web用户界面。这个扩展可能提供了一系列工具和功能,旨在提升用户在使用AI进行图像创作时的体验和效率。从描述来看,它非常...

    sd-webui-mov2mov.zip

    【标题】"sd-webui-mov2mov.zip" 指的可能是一个包含Web用户界面(Web UI)的项目,其主要功能可能是处理视频转换,特别是从一种名为"mov"的视频格式转换到同名的另一种格式。这个压缩包可能包含了项目的源代码、...

    ollama-webui-lite部署

    ollama-webui-lite部署 node-v22.4.0-x64.msi OllamaSetup.exe

    stable diffusion(stable-diffusion-webui-rembg)抠图模型

    "Stable-diffusion-webui-rembg" 是一个基于稳定扩散算法的Web用户界面,专为背景去除或抠图设计。这个项目可能包含了一系列的模型,用于不同场景的抠图需求。 描述中提到的模型文件名包括: 1. silueta.onnx:这是...

    jquery弹出悬浮插件webui-popover.zip

    《jQuery弹出悬浮插件WebUI-Popover详解》 在网页开发中,为了提供更好的用户体验,工具提示(Tooltip)和弹出悬浮窗是不可或缺的元素。jQuery弹出悬浮插件WebUI-Popover就是这样一款轻量级的解决方案,它为开发者...

    WebUI-4.26-修复打包问题

    《WebUI-4.26修复打包问题:深入解析与实践》 在信息化飞速发展的今天,智慧城市IOC(Integrated Operations Center)应用已经成为城市管理的重要组成部分。UE4(Unreal Engine 4),作为一款强大的游戏开发引擎,...

    SD WebUI双语对照翻译插件.zip

    "sd-webui-bilingual-localization_main.zip"是主要的插件文件,包含所有必要的代码和资源,用于实现Web界面的双语转换功能。它可能包括以下组件: 1. **翻译文件**:这些文件通常以JSON或XML格式存在,包含了用户...

    jquery-webui78-v1.5.209

    webui78组件库的目的是在对页面管理方案不做任何改变前提下,提供一套松散的前端UI组件,它提供了多样的数据表格、树形结构、图片按钮、表单验证、日历框、面板,此前端框架已经在多个生产系统中得以应用验证,具有...

    Stable-Diffusion-WebUI(秋叶)和Stable-Diffusion–forge

    根据给定的信息,“Stable-Diffusion-WebUI(秋叶)和Stable-Diffusion–forge”似乎是指两个与Stable Diffusion相关的项目或工具。这里将详细解析这两个概念,以便更好地理解它们所涉及的技术知识点。 ### Stable-...

    JDOM处理XML快速上手 - Web UI Design - JavaEye技术网站.mht

    JDOM处理XML快速上手 - Web UI Design - JavaEye技术网站.mht

    UI设计-手机UI界面色彩设计.pptx

    UI设计-手机UI界面色彩设计.pptx

    UI设计-启动图标.pptx

    UI设计-启动图标.pptx

    UI设计-小图标.pptx

    UI设计-小图标.pptx

    android-整体UI设计-滑动导航栏+滚动页面

    很多朋友对RollNavigationBar+SlidePageView如何设计业务界面感到疑惑,今天我专门写...了解详情可以看我的博客《android-整体UI设计-(滑动导航栏+滚动页面)》http://blog.csdn.net/swadair/article/details/7551609

    UI设计-版面设计的基本类型.ppt

    UI设计-版面设计的基本类型.ppt

    UI设计-图标的功能.ppt

    UI设计-图标的功能.ppt

    UI设计-操作栏图标.pptx

    UI设计-操作栏图标.pptx

    OpenBMC WEBUI开发文档

    OpenBMC WEBUI 开发文档 OpenBMC WEBUI 开发文档是 OpenBMC 项目的一部分,旨在帮助开发者创建高质量的 WEBUI 应用程序。该文档涵盖了 OpenBMC WEBUI 的开发过程,包括现代化、可访问性、翻译、国际化、 Vue 开发、...

    UI设计-从造型方面分类.ppt

    UI设计-从造型方面分类.ppt

Global site tag (gtag.js) - Google Analytics