如何在不链接到不断变化的实时站点的情况下展示我过去的 Web 开发工作的工作示例?

平面设计 网站设计 文件夹 小样
2022-01-19 18:02:04

每当我设计一个网站时,我认为不仅显示屏幕截图而且编码能力很有用。

不幸的是,大多数时候,客户最终自己编辑网站,如果他们不支付我的维护费用,该网站将失去一些吸引力,这不会让我太喜欢在我的投资组合中插入 URL。

  1. 是否有任何最佳实践来展示网页设计/UI(实际上是有效的,而不是简单的屏幕截图)?

  2. 您是否保留离线副本以向客户展示?

  3. 您如何将其链接到您现有的网站(Behance 或其他)?

3个回答

好吧,您可以做几件事,但我个人认为最好在其所需状态下查看站点,即站点。如果您拥有自己的托管域,如果您担心提交给客户的完成项目会被更改,我真的不明白为什么不能对您的站点(例如 clientproject.emilie.com)进行子域处理。只需像一些基于桌面、平板电脑和移动设备的基本屏幕截图一样添加一个基本屏幕截图,然后提供指向子域的实时链接。

由于有大量不同类型的移动网站,因此其他一些选择是,如果您有一部旧手机并且是普通的手机极客(每次都购买最新的手机),请在手机上加载一些网站作为演示并将其交给一个可能的客户。同样的规则也适用于平板电脑。

如果您不能子域,只需带一台笔记本电脑并确保您的笔记本电脑具有XAMPP(一切)、MAMP(Mac)或WAMP(Windows)之类的东西来运行您不知道如何安装 Apache、PHP、SQL 的站点, 等等。

另外,不要害怕提供细节。如果您设计了网站,然后告诉他们,我设计了网站,但我让其他人编写了代码。如果您担心使用实时站点但只有屏幕截图,该选项很有效。

客户修改您的工作并不是它消失的唯一方式,有时组织会一起消失,或者您可能已经为同一个站点进行了多个设计。

过去,我只是链接到存档版本,它只不过是对首页的重新创建,所有链接都被禁用。不过,我觉得这并不能带来很好的用户体验。将其加载到 iframe 中可以让您了解设计的用途。

在 iframe 中设计

上述设计(仍在进行中)正在我的台式机上的虚拟机内的 Web 服务器上运行。如果我需要将它呈现给客户,我当然可以将它转移到我的笔记本电脑上。对于大多数人来说,这可能不是最好的选择,但对于像我这样的设计师/开发人员来说,它已经足够好了。

除非您还使用它来展示您的文案写作能力,否则可能值得将设计中使用的副本替换为占位符文本(例如lipsum)。

  1. 最佳实践——我不知道,但也许你可以看看 Wayback Machine。更多关于下面的内容。

  2. 离线副本 - 不是真的,虽然有时我喜欢使用 Safari 的命令文件 > 另存为... 另存为类型:Web 档案。我曾经把这样一个文件给了一个人,他们抱怨他们无法打开它,虽然我不知道他们有多努力。也许这是一个 Safari 的事情。

  3. 来自现有网络的链接 - 我没有尝试过,但 Wayback Machine 链接应该可以正常工作。

Wayback Machine 位于http://archive.org/web/我已经在我创建的网页上使用了它,尽管我不是一个合适的 Web 开发人员。

有一些 Web 开发技术在检索时会破坏存档站点的某些部分。我经常在存档站点中看到损坏的图像。

我相信有一种方法可以要求它“现在”或尽快存档某些内容,尽管我还没有尝试过。如果留给自己的设备,我不知道它在检查页面之间等待多长时间。

这很有趣: http://web.archive.org/web/199​​61219202222/http: //www.apple.com/