I’m trapped at home with my website. Or maybe it’s trapped at home with me. While some are using the weird lump of time provided by lockdown to indulge in baking, dancing, painting, singing, I’m using it to play around with code.

被自己的网站困在家里。 又或者它被困在家里。 尽管有些人使用锁定提供的奇怪时间来沉迷于烘烤,跳舞,绘画和唱歌,但我却在用它来玩代码。

My site has been hosted by Squarespace (you know, from adverts, all the adverts) for over ten years now. I’ve lost count of the wild variation of iterations it’s been through in that time. Thanks to the ease at which the platform allows you to edit the appearance and structure of your site, there is a constant temptation to mess with it. It’s my own private little sandbox, somewhere to try out new approaches, new aesthetics. Most of the time, back when time actually meant something, I would simply dip in and give it a tweak here and there. But perpetual indoorsiness has seen me dipping in more often, making more significant adjustments. It’ll start out harmlessly enough — maybe I’ll try out a new typeface, shift a column or two, maybe add some pages and … before I know it I’m wading in and breaking and fixing and changing everything.

我的网站由Squarespace(从广告中了解所有广告)托管至今已有十多年了。 我忘记了那段时间经历的疯狂的迭代变化。 由于该平台使您可以轻松地编辑网站的外观和结构,因此不断有诱惑力来干扰它。 这是我自己的私人小沙盒,可以尝试新方法,新美学。 在大多数情况下,当时间真正意味着某种意义时,我会简单地浸入其中并对其进行调整。 但是,永久的室内环境使我更加频繁地投入,进行了更重大的调整。 它会以无害的方式开始-也许我会尝试一种新的字体,移动一两列,也许添加一些页面,然后……在我不知不觉中就涉足并破坏,修复和更改了所有内容。

There are a number of preset themes to start you off, all of which can be customised. Most basic cosmetic changes can be done with sliders and menus, but this approach can only get you so far; to really get into the design you have to delve a little deeper and open the CSS editor.

有许多预设主题可以让您开始,所有这些主题都可以自定义。 大多数基本的外观更改都可以通过滑块和菜单来完成,但是这种方法只能带您深入。 要真正进入设计,您必须更深入地研究并打开CSS编辑器。

And this is where I start meddling in things I don’t completely understand.

这就是我开始干预我不完全了解的事情的地方。

“The project has no boundaries or deadlines or scope whatsoever. Nothing is right or wrong or finished or good enough.”
“该项目没有任何界限,最后期限或范围。 没有什么是对,错,完成或不够好。”

As with countless other designers who remember the heady days of life before Facebook, Twitter or Instagram, I have Myspace to thank for my rudimentary understanding of CSS. Back then, way back then, if you weren’t content to project your online persona through music lists alone, you could sneak in through a back door and add code to try on some garish new colours, backdrop or type. This relatively radical notion of editing the CSS of a site — even if it was just a few lines — resulted in a slew of tutorials, shared knowledge and new skills. Sure the results were, without exception, awful, but at least they were your results. Once you get a taste of that godlike power to change a site’s appearance, it’s hard to go back

与无数其他设计师一样,他们还记得Facebook,Twitter或Instagram之前的生活,我感谢Myspace对CSS的基本理解。 那时,那时候,如果您不满足于仅通过音乐列表来投射在线角色,则可以潜入后门并添加代码以尝试一些华丽的新颜色,背景或类型。 编辑站点CSS的这种相对激进的想法-即使只有几行-导致了大量的教程,共享知识和新技能。 当然,结果肯定是可怕的,但至少它们是您的结果。 一旦您了解了改变站点外观的神力,便很难回头

Skip ahead fifteen or so years and I still know just enough to mostly not break anything too important. With some trial and error, I can pop the bonnet and make this little style over here look like what’s in my head. Which can be incredibly satisfying.

跳过十五年左右,我仍然知道,几乎不会破坏任何太重要的内容。 经过反复试验,我可以打开引擎盖,使这里的小样式看起来像我的脑海。 令人难以置信的令人满意。

The problem is, this piecemeal tinkering approach doesn’t take place within a larger plan. It’s more like mutation than design. Incremental cosmetic changes gradually, imperceptibly eat away at the fundamental structure of the site, and I find myself questioning the purpose of the whole endeavour; goalposts constantly shifted by aesthetic half-accidents. Well this type hierarchy would look simply darling in a minimal type-only blog context, I’ll ponder, maybe I’ll give that a go. It’s upside-down design, bad habits I know I should avoid but fall into anyway. The tail is pulverising the dog.

问题是,这种零星的修补方法不会在更大的计划中发生。 它更像是突变,而不是设计。 渐进式的装饰性变化会逐渐掩盖现场的基本结构,而我发现自己对整个尝试的目的提出了质疑。 审美半事故不断使球门柱发生变化。 好吧,这种类型层次结构在纯类型的最小博客上下文中看起来似乎很可爱,我会思考, 也许我会同意。 这是颠倒的设计,我知道我应该避免但要沉迷于坏习惯。 尾巴把狗弄成粉。

In the last few weeks, my site has been: a one page portfolio with nothing but some images and a few lines of contact details; a resurrection of long-abandoned blog posts stretched back over the last fifteen years; a fresh new blog just waiting for content dedicated to some yet to be decided niche subject; a pseudo-tumblr endless stack of cool images; one enormous type-only quasi-twitter link-dump incorporating three thematically distinct blog feeds (don’t ask). It’s been minimal, maximal, stylish, garish.

在过去的几周中,我的网站一直是:一页的投资组合,除了一些图片和几行联系方式外,什么都没有; 在过去的15年中复活了被遗弃的博客文章; 一个新的新博客,正在等待专门针对尚未确定的利基主题的内容; 伪图像无穷无尽的漂亮图像堆栈; 一个巨大的仅准类推特链接转储,其中包含三个主题截然不同的博客供稿(不要问)。 它是最小,最大,时尚,华丽的。

I’ll be happy for a few days and then I’ll pop back into the editor to nudge something a couple of pixels to the left and then the whole process starts again.

我会开心几天,然后回到编辑器中,向左微移一些像素,然后整个过程再次开始。

There is nobody there to stay STOP. No client, no deadline, no hovering art director. And it doesn’t end at the boundaries of my URL — the direction of my site starts influencing my approach to associated social media timelines. My Instagram is a constant victim of this fickle online identity, a grid of images reflecting something that refused to sit still. The project has no boundaries or deadlines or scope whatsoever. Nothing is right or wrong or finished or good enough.

没有人在那里停留。 没有客户,没有截止日期,没有徘徊的艺术总监。 它并不仅限于URL的边界-网站的方向开始影响我对相关社交媒体时间轴的处理方式。 我的Instagram一直是这种多变的在线身份的长期受害者,网上的一堆图像反映了拒绝坐着的东西。 该项目没有任何界限,期限或范围。 没有什么是对,错,完成或不够好。

I convince myself it’s a productive exercise, a means to keep that design muscle moving in my own corner of the internet, somewhere to fidget and distract myself from everything. If I had regular visitors, the constant flux of my site would be a disorienting experience. Fortunately, the analytics — which I learnt long ago to not care about, lest I go insane — suggest I have nobody to worry about. I’m doing all of this for an audience of one. And he’s a pain in the arse.

我说服自己这是一个有用的练习,一种手段来保持这种设计肌肉我自己对互联网的角落移动,地方坐立不安和一切分散自己。 如果我有固定的访问者,那么网站的不断变化将是一种令人迷惑的体验。 幸运的是,我很早以前就学过的分析法,以免我发疯,以至于我没有人担心。 我正在为一个观众做所有这一切。 而且他是个混蛋。

At some point I do need to stop though. Tinkering is encroaching on whatever time I can carve out of lockdown life to do genuinely productive endeavours. My sandbox has become quicksand. Whatever shape it takes, the bottom line is that my site is meant to be a shop window that leads to work; if the window is forever under construction, it’s of no use to anybody. Somebody please just take it off my hands and let me get on with this new normal that everyone is raving about.

在某些时候,我确实需要停下来。 修补匠正在蚕食我可以在锁定生活中付出的任何时间,以进行真正富有成效的工作。 我的沙箱已变成流沙。 不管形状如何,最重要的是我的网站应该是通向工作的商店橱窗; 如果窗户永远在建造中,对任何人都没有用。 有人请把它从我手上拿开,让我继续接受每个人都热衷的新常态。

-

Daniel Benneworth Grey is a freelance book designer based in York. As well as writing his own blog, Daniel writes a regular column for Creative Review and creates “Meanwhile”, a newsletter about design.

Daniel Benneworth Gray是总部位于约克的自由书设计师。 除了撰写自己的博客外 ,Daniel还为Creative Review撰写了定期专栏,并创建了有关设计的新闻通讯“ Meanwhile”。

Loz Ives is a graphic designer, typographer and drawer of things. In 2012 he co-founded design and technology studio Fieldwork.

洛兹·艾夫斯 ( Loz Ives)是图形设计师,版式设计师和事物抽屉。 2012年,他与他人共同创立了设计和技术工作室Fieldwork 。

Umbrella Studios is a creative agency and co-working space that champions freelance creativity in all forms. #FreelancersUnite

Umbrella Studios是一个创意代理和共同工作空间,可倡导各种形式的自由创意。 #FreelancersUnite

翻译自: https://medium.com/swlh/cssyphus-a-fidgets-guide-to-restless-design-a9c7a7e79827


http://www.taodudu.cc/news/show-893926.html

相关文章:

  • 类从未使用_如果您从未依赖在线销售,如何优化您的网站
  • 程序详细设计之代码编写规范_我在不编写任何代码的情况下建立了一个设计策划网站
  • 图书漂流系统的设计和研究_研究在设计系统中的作用
  • 西里尔字符_如何设计西里尔字母Њ(Nje),Љ(Lje),Ћ(Tshe)和Ђ(Dje)
  • 最新ui设计趋势_10个最新且有希望的UI设计趋势
  • 404 错误页面_如何设计404错误页面,以使用户留在您的网站上
  • 公网对讲机修改对讲机程序_更少的对讲机,对讲机-更多专心,专心
  • ui设计基础_我不知道的UI设计的9个重要基础
  • vue路由匹配实现包容性_包容性设计:面向老年用户的数字平等
  • 见证开户_见证中的发现
  • facebook有哪些信息_关于Facebook表情表情符号的所有信息
  • react动画库_React 2020动画库
  • 线框模型_进行计划之前:线框和模型
  • 工作经验教训_在设计工作五年后获得的经验教训
  • 中文排版规则_非设计师的5条排版规则
  • ux设计_声音建议:设计UX声音的快速指南
  • sans serif_Sans和Serif相遇可爱
  • sql 避免除0错误_设计简历时避免这3个常见的UX错误
  • 如何编写数据库可视化界面_编写用于数据可视化的替代文本
  • reloaddata 跳动_纸跳动像素
  • 利益相关者软件工程_改善开发人员团队与非技术利益相关者之间交流的方法
  • 响应式网格项目动画布局_响应式网格及其实际使用方式:常见的UI布局
  • 时间轴ui设计_我应该在UI设计上花更多时间吗?
  • 移动端分步注册_移动应用程序的可用性测试:分步指南
  • 插图 引用 同一行两个插图_提出食物主题中的插图
  • 脸部细微表情识别_您可以仅使用面部表情来控制字体吗?
  • 用户体验设计师能为seo做_用户体验设计师可以从产品设计历史中学到什么
  • orton效果_如何使图片发光:Orton效果
  • hp-ux锁定用户密码_UX设计101:用户研究-入门需要了解的一切
  • extjs6 引入ux_关于UX以及如何摆脱UX的6种常见误解

CSSyphus:烦躁不安的烦恼设计指南。相关推荐

  1. Oculus VR设计指南

     Oculus VR 设计指南 本指南由字节跳动的四位同学共同翻译,西瓜视频的设计师们共同校对. 如果你对 XR 设计工作感兴趣,vivo 正在招聘 XR 方向的人机交互设计师,当然如果你有其他的任何 ...

  2. Atitit.提升 升级类库框架后的api代码兼容性设计指南

    Atitit.提升 升级类库框架后的api代码兼容性设计指南 1. 增加api直接增加,版本号在注释上面增加1 2. 废弃api,使用主见@dep1 3. 修改api,1 4. 修改依赖import, ...

  3. firebird 3.0 开发者指南_手机端空间级AR交互设计指南

    AR改变了世界的显示方式,给人们带来认知和交互的全新体验. 人们不仅可以通过触屏.语音,而是可以使用手势.肢体等多种模态与机器(如手机.AR眼镜等)进行交互.而机器的输出更是现实和虚拟的叠加融合. A ...

  4. 移动端app设计指南

    移动端app设计指南 原文来自:http://weibo.com/2589512460/ze9eQtRW8?type=repost 转载于:https://blog.51cto.com/duxinfe ...

  5. B端设计指南-表格设计的常见问题

    本文由作者 CE青年 于社区发布 在上一篇文章,我们讲到对于表格而言你所要具备的基础知识点,没有看过的同学建议先看完上篇再看下篇- 今天咱们落落地,因为表格十分重要,我也在群聊里进行了一次问卷调查,将 ...

  6. B端设计指南 —— 弹窗 究竟应该如何设计

    这篇文章是我自己在工作中受到各种摧残.无数次开会讨论总结而来,如果你现在深处B端行业,强烈建议大家一定要看完. 收到很多同学关于弹窗的疑问,因为在B端的设计过程中,会接触到很多信息展示方面的疑惑,他们 ...

  7. python cnn图像分类_关于CNN图像分类的一份综合设计指南

    摘要: 本文是一篇关于使用CNN完成图像分类的综合设计指南,涵盖了一些模型设计.模型优化以及数据处理经验,是一份适合图像分类方向研究者参考的综合设计指南. 对于计算机视觉任务而言,图像分类是其中的主要 ...

  8. iOS用户设计指南-特别说明

    因为公司刚安排去海南旅游,所以之前一直比较忙,今天本想翻译后继章节时,突然发现<iPhone Human Interface Guidelines>早在去年就已经被翻译过了.于是我就花了点 ...

  9. RESTful API 设计指南[转]

    一种软件架构风格.设计风格,而不是标准,只是提供了一组设计原则和约束条件.它主要用于客户端和服务器交互类的软件.基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制. RESTful AP ...

最新文章

  1. linux 脚本发邮件短信,shell 监控脚本 短信告警
  2. WCF wsHttpBinding之Transport security Mode, clientCredentialType=”Basic”
  3. MyBatis框架学习:<select>节点中的resultType和resultMap属性
  4. linux 把根目录设置成777权限的补救方法
  5. 浪潮云发布全新“1231”业务战略,打造“一朵分布式云”
  6. 2022年中国政企采购数字化转型白皮书
  7. 23.多线程 实现的两种方式
  8. php如何处理查询请求,PHP如何处理Web请求流程
  9. c/c++教程 - 2.4.1 类和对象,封装,class和struct的区别,成员属性设为私有,类拆分成.h.c文件编写方法
  10. IaaS基础架构云 —— 云网络
  11. 研华工控机改软PLC使用教程
  12. 微信营销与微博营销的区别
  13. 【火炉炼AI】机器学习055-使用LBP直方图建立人脸识别器
  14. 人脸识别客户端应用程序_如何在应用程序中使用功能识别设置人脸检测
  15. 程序员必备的思维能力:抽象思维
  16. BI分析工具软件有哪些
  17. ThinkPad T61安装win7下的指纹识别软件,解决E7210005问题
  18. 【百度实习】soap请求失败问题排查
  19. 中科院计算所培训中心2017年第二季度课程安排
  20. 教你用UltraISO制作启动光盘

热门文章

  1. mysql 主从优点_MySql主从配置实践及其优势浅谈
  2. 索引超出数组界限是什么意思_从V8源码分析一个JS 数组的内存占用问题
  3. vs文件上传失败--超过最大字符限制
  4. Python Day 21 面向对象 (面向对象的三大特性(二)继承,多态,封装,几个装饰器函数)...
  5. 2016和2017的区别就是昨晚和今早
  6. 【Qt开发】Qt Creator在Windows上的调试器安装与配置
  7. mac搭建本地svn
  8. Google File System设计方面的问题汇总
  9. javascript设计思维
  10. mysql语句中把string类型字段转datetime类型