展示一个项目就像是销售产品一样，包装手段必不可少的。

为了包装你的项目，长图在视觉上更具连贯性和叙述性，这让用户更容易理解工作内容，因为人们喜欢故事，而你的项目就像是一个故事。

如果你已经完成了一个出色的项目，并打算把它包装起来带到另一个新的高度。

以下整理了3条原则，其中包括9条提示，希望能够帮到你！

Principle 1: Attraction

原则1：吸引力

Tip 1: An appealing header

提示1：一个有吸引力的标题

故事的开始，这是标题，显然是非常有吸引力的关键，以便观众将被保持并关注故事的发展。通过放置全屏图像作为微妙的背景来展示整个项目的特点和色调。

https://www.behance.net/gallery/61486693/Kaola-IOS-app-for-train-tickets-bookingby Multiple Owners 多个所有者https://www.behance.net/gallery/61433905/Mobile-app-for-traveller

Tip 2: Make it dynamic

提示2：动效展示

插入gif或自动播放循环视频，因为他们不需要点击所有内容，所以观众更容易观看，以更生动的方式展示作品，而不是仅显示静止图像。

多个所有者的https://www.behance.net/gallery/55804509/Unighthttps://www.behance.net/gallery/51500703/Keenethics-Cosmic-Website-Reconstruction by Multiple Owners

Principle 2: Variety

原则2：品种

Tip 3: Break the layout

提示3：打破布局

通过使用不同形状（包括平行四边形，三角形，椭圆和有机形状）以及背景中的相应颜色，打破“标准”布局并使其变得令人兴奋，这是一个巨大的帮助。

Gil Huybrecht的https://www.behance.net/gallery/53089769/Betta 多个所有者https://www.behance.net/gallery/54218051/Tappiio-Task-Manager-for-GitLab

Tip 4: Switch the side of the content

提示4：切换内容

作为讲故事的人，我们有责任引导观众的“阅读线”，使其成为“曲折形”，而不是一条直线，以保持阅读体验的有趣性并让观众留下来更长的一页。内容不一定在同一侧。通过切换内容的一面来丰富布局并改变观众的“阅读路线”。

https://dribbble.com/shots/3475885-Homepage-Illustration-For-Abs/attachments/765556 by Matus

Tip 5: Beyond the boundary

提示5：超越边界

不同部分的内容通常以块为单位或以边界分隔。它使设计组织得整洁，但看起来很僵硬和不连贯。一个有用的提示是使内容超越边界，以削弱边界的僵化和加强部分之间的联系。

https://www.behance.net/gallery/36442357/Onlime由多个业主 由Runyu Xia提供的https://www.behance.net/gallery/53549963/TouchTunes-Mobile-App

Tip 6: Enhance the hierarchy

提示6：增强层次结构

将内容分隔成图层或添加相关元素以增强层次结构并丰富视觉效果。

https://www.behance.net/gallery/60638111/The-Mindfulness-App Daniel Tan

Principle 3: Details

原则3：细节

Tip 7: Depth of field

技巧7：景深

将物体模糊得更接近相机，为观众创造身临其境的体验。

https://www.behance.net/gallery/38543309/Almanac-Artifex-Part-2

作者Evgeny Biryukov

Tip 8: Blurry drop shadow

提示8：模糊的投影

模糊的投影可以为内容创造空间感。物体越模糊，它离背景越远。它也使设计清洁和优雅。

https://www.behance.net/gallery/52541349/Breeze-Voice-only-SNS

作者：Jiyoon Kim

Tip 9: Adding thickness or pages

技巧9：添加厚度或页面
添加厚度可以使设计看起来不会太薄或平坦，添加页面可能会产生大量内容的错觉，即使图像中只有一个页面。

由Runyu Xia提供的https://www.behance.net/gallery/53549963/TouchTunes-Mobile-Apphttps://www.behance.net/gallery/36442357/Onlime

由多个业主

Conclusion

结论

如果你是设计师，你除了要知道国内顶尖的设计网站诸如UI中国、站酷网、优设网、Arting365等设计网站外，你还需要了解一些知名的国外设计网站，例如behance和dribbble。它们是这个世界上各国最佳设计师们展示作品、同行交流、寻找灵感、求职招聘的场所。

我相信对于设计师来说，提高工作质量至关重要，这毕竟是设计师的核心竞争力之一，所以我们应该多汲取一些好的东西，积累并同时学习这些技巧。当看到并了解更多关于好的设计师的作品时，我们从中获得启发，这样我们的设计感就会积累下来。

希望以上能带给观看这篇文章的你们一些小小的帮助，也希望国区的设计师们能够一起进步!!!