{"id":594,"date":"2025-10-03T00:21:58","date_gmt":"2025-10-02T14:21:58","guid":{"rendered":"https:\/\/conachen.com\/?p=594"},"modified":"2026-01-27T01:49:28","modified_gmt":"2026-01-26T14:49:28","slug":"oc-palette","status":"publish","type":"post","link":"https:\/\/conachen.com\/en\/oc-palette\/","title":{"rendered":"OC Palette"},"content":{"rendered":"
\n
\n
\n
\n
\"\"<\/figure>\n\n\n\n
\n

Designed for Different Creators, Used Together<\/h3>\n\n\n\n

Supporting illustrators, writers, and readers alike\u2014so both creation and reading feel seamless.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Organize First, Then Create<\/h3>\n\n\n\n

Scattered character settings and story fragments are structured into a clear system, making editing, expansion, and long-term maintenance easier.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Create on Desktop, Read on Mobile<\/h3>\n\n\n\n

Creation and presentation are designed separately: the web platform focuses on building, while mobile prioritizes reading\u2014always synced.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

A Better Way to Organize, Create, and Read OCs<\/strong><\/h2>\n\n\n\n

Original Character (OC) creation is highly active within younger ACGN communities, yet most content remains scattered across chat groups, documents, and fragmented tools. Research highlights three key issues:<\/p>\n\n\n\n

Dispersed information, Disorganized story structures, Lack of efficient expression tools<\/strong><\/p>\n\n\n\n

This project does not aim to generate inspiration, but to better organize and present what already exists. The platform breaks down character settings, plots, and world-building into manageable modules, enabling gradual expansion and non-linear editing. Creators can start anywhere and progressively build a cohesive story.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n
\n

\u5728\u524d\u671f\u8c03\u7814\u4e2d\uff0c\u6211\u805a\u7126\u4e8e\u56fd\u5185 OC\uff08\u539f\u521b\u89d2\u8272\uff09\u521b\u4f5c\u8005\u7684\u521b\u4f5c\u6d41\u7a0b\u4e0e\u5b9e\u9645\u75db\u70b9\u3002\u73b0\u6709\u751f\u6001\u5927\u591a\u4f9d\u8d56 QQ \u7fa4\u3001\u6587\u6863\u6216\u5206\u6563\u7684\u56fe\u6587\u5de5\u5177\uff0c\u7f3a\u4e4f\u7cfb\u7edf\u6027\u7684\u6574\u7406\u65b9\u5f0f\uff0c\u4e5f\u96be\u4ee5\u540c\u65f6\u6ee1\u8db3\u753b\u5e08\u3001\u5199\u624b\u4e0e\u8bfb\u8005\u7684\u591a\u6837\u5316\u9700\u6c42\u3002\u8c03\u7814\u663e\u793a\uff0cOC \u521b\u4f5c\u666e\u904d\u5b58\u5728\u4e09\u5927\u95ee\u9898\uff1a<\/p>\n\n\n\n

Dispersed information, Disorganized story structures, Lack of efficient expression tools<\/strong><\/p>\n\n\n\n

\u4e8e\u662f\u6211\u53c2\u8003\u4e86\u6545\u4e8b\u5206\u955c\u3001\u4e16\u754c\u89c2\u8bbe\u5b9a\u6587\u6863\u4ee5\u53ca\u5404\u7c7b\u521b\u4f5c\u5de5\u5177\u7684\u7279\u70b9\uff0c\u5e76\u5c06\u5b83\u4eec\u7684\u4f18\u52bf\u8fdb\u884c\u4e86\u6574\u5408\u3002<\/p>\n\n\n\n

\u8c03\u7814\u8ba9\u6211\u53d1\u73b0\uff0c\u521b\u4f5c\u8005\u771f\u6b63\u9700\u8981\u7684\uff0c\u662f\u4e00\u79cd\u80fd\u591f\u81ea\u52a8\u6574\u7406\u4fe1\u606f\u3001\u63d0\u4f9b\u521b\u4f5c\u63d0\u793a\uff0c\u5e76\u652f\u6301\u5185\u5bb9\u6269\u5199\u7684\u7ed3\u6784\u5316\u521b\u4f5c\u65b9\u5f0f\u3002<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n<\/div>\n\n\n\n
\n

Two Platforms, Two Roles<\/strong><\/h2>\n\n\n\n

Desktop \u2014 For Deep Creation<\/strong><\/p>\n\n\n\n

The web version focuses on writing and structuring, offering:<\/p>\n\n\n\n

Flexible layout editing
Story structure management
Tags and content organization
Export options (PDF, web) with watermark protection <\/p>\n\n\n\n

The interface emphasizes clarity and scalability for maintaining complex OC projects.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Mobile \u2014 For Effortless Reading<\/strong><\/p>\n\n\n\n

The mobile version prioritizes display and browsing:

Smooth story reading
Quick access to character profiles
Optimized for sharing and fragmented reading<\/p>\n\n\n\n

The experience centers on reading flow, minimizing unnecessary distractions.<\/p>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n
<\/div>\n\n\n\n
\n

Tools Used<\/strong><\/p>\n\n\n\n

Figma<\/strong>\uff1aInterface design, interaction prototyping, and design system development
Photoshop<\/strong>\uff1a Image processing, visual detailing, and presentation assets<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

OC\u6545\u4e8b\u753b\u677f\u4e13\u6ce8\u4e8e ACGN \u9886\u57df\u7684 OC\uff08\u539f\u521b\u89d2\u8272\uff09\u4e9a\u6587\u5316\u521b\u4f5c\u3002\u5728\u56fd\u5185\uff0c\u5927\u591a\u6570 OC \u6d3b\u52a8\u96c6\u4e2d\u4e8e QQ\uff0c\u6574\u4f53\u5728\u7ec4\u7ec7\u3001\u8bb2\u6545\u4e8b\u548c\u89c6\u89c9\u5448\u73b0\u4e0a\u8fd8\u662f\u4e0d\u591f\u5b8c\u5584\uff0c\u65e0\u6cd5\u6ee1\u8db3\u591a\u5143\u7528\u6237\uff08\u5982\u753b\u5e08\u3001\u4f5c\u8005\u3001\u8bfb\u8005\u7b49\uff09\u7684\u521b\u4f5c\u4e0e\u9605\u8bfb\u9700\u6c42\u3002<\/p>\n\n\n\n

\u6211\u4eec\u7684\u5e73\u53f0\u5c06\u63d0\u4f9b\u7f51\u9875\u7aef\u4e0e\u79fb\u52a8\u7aef\u4e24\u5957\u754c\u9762\uff1a
\u7f51\u9875\u7aef\u4fa7\u91cd\u521b\u4f5c\uff0c\u914d\u5907\u66f4\u5f3a\u5927\u7684\u7f16\u8f91\u4e0e\u6784\u5efa\u5de5\u5177\uff1b
\u79fb\u52a8\u7aef\u5219\u63d0\u4f9b\u76f4\u89c2\u3001\u8f7b\u91cf\u7684\u6d4f\u89c8\u4f53\u9a8c\u3002<\/p>\n\n\n\n

\u9884\u8ba1\u672a\u6765\u5c06\u8fdb\u4e00\u6b65\u589e\u5f3a\u7075\u611f\u91c7\u96c6\u4e0e\u6545\u4e8b\u683c\u5f0f\u5316\u6a21\u5757\uff0c\u52a0\u5165\u53ef\u89c1\u4e0e\u4e0d\u53ef\u89c1\u6c34\u5370\u4ee5\u4fdd\u62a4\u7248\u6743\uff0c\u5e76\u4e14\u652f\u6301\u5185\u5bb9\u7684\u4fbf\u6377\u5bfc\u5165\u4e0e\u591a\u6837\u5316\u5bfc\u51fa\uff08\u5982 PDF\u3001\u7f51\u9875\u7b49\uff09\u3002<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

\u5728\u524d\u671f\u8c03\u7814\u4e2d\uff0c\u6211\u805a\u7126\u4e8e\u56fd\u5185 OC\uff08\u539f\u521b\u89d2\u8272\uff09\u521b\u4f5c\u8005\u7684\u521b\u4f5c\u6d41\u7a0b\u4e0e\u5b9e\u9645\u75db\u70b9\u3002\u73b0\u6709\u751f\u6001\u5927\u591a\u4f9d\u8d56 QQ \u7fa4\u3001\u6587\u6863\u6216\u5206\u6563\u7684\u56fe\u6587\u5de5\u5177\uff0c\u7f3a\u4e4f\u7cfb\u7edf\u6027\u7684\u6574\u7406\u65b9\u5f0f\uff0c\u4e5f\u96be\u4ee5\u540c\u65f6\u6ee1\u8db3\u753b\u5e08\u3001\u5199\u624b\u4e0e\u8bfb\u8005\u7684\u591a\u6837\u5316\u9700\u6c42\u3002\u8c03\u7814\u663e\u793a\uff0cOC \u521b\u4f5c\u666e\u904d\u5b58\u5728\u4e09\u5927\u95ee\u9898\uff1a<\/p>\n\n\n\n

Dispersed information, Disorganized story structures, Lack of efficient expression tools<\/strong><\/p>\n\n\n\n

\u4e8e\u662f\u6211\u53c2\u8003\u4e86\u6545\u4e8b\u5206\u955c\u3001\u4e16\u754c\u89c2\u8bbe\u5b9a\u6587\u6863\u4ee5\u53ca\u5404\u7c7b\u521b\u4f5c\u5de5\u5177\u7684\u7279\u70b9\uff0c\u5e76\u5c06\u5b83\u4eec\u7684\u4f18\u52bf\u8fdb\u884c\u4e86\u6574\u5408\u3002\u8c03\u7814\u8ba9\u6211\u53d1\u73b0\uff0c\u521b\u4f5c\u8005\u771f\u6b63\u9700\u8981\u7684\uff0c\u662f\u4e00\u79cd\u80fd\u591f\u81ea\u52a8\u6574\u7406\u4fe1\u606f\u3001\u63d0\u4f9b\u521b\u4f5c\u63d0\u793a\uff0c\u5e76\u652f\u6301\u5185\u5bb9\u6269\u5199\u7684\u7ed3\u6784\u5316\u521b\u4f5c\u65b9\u5f0f\u3002<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
<\/div>\n\n\n\n
\n

\u5728\u4ea4\u4e92\u903b\u8f91\u4e0a\uff0c\u6211\u5c06\u5de5\u5177\u5206\u4e3a\u4e24\u4e2a\u7aef\u53e3\uff1a<\/p>\n\n\n\n

\u79fb\u52a8\u7aef\u8d1f\u8d23\u5c55\u793a<\/strong>\uff1a\u8f7b\u91cf\u7684\u65b9\u5f0f\u627f\u8f7d\u6545\u4e8b\u7248\u5185\u5bb9\uff0c\u9002\u5408\u6d4f\u89c8\u3001\u5206\u4eab\u4e0e\u67e5\u770b\u89d2\u8272\u6863\u6848
\u7f51\u9875\u7aef\u8d1f\u8d23\u521b\u4f5c<\/strong>\uff1a\u5305\u542b\u7075\u611f\u63d0\u53d6\u3001\u6545\u4e8b\u7ed3\u6784\u7f16\u8f91\u3001\u6807\u7b7e\u7ba1\u7406\u4e0e\u7248\u5f0f\u6392\u5e03\u7b49\u529f\u80fd<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"\"<\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"

A platform for showcasing and arranging original characters (OC)<\/p>","protected":false},"author":1,"featured_media":598,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,1],"tags":[],"class_list":["post-594","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience","category-user-interface"],"_links":{"self":[{"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/posts\/594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/comments?post=594"}],"version-history":[{"count":60,"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/posts\/594\/revisions"}],"predecessor-version":[{"id":803,"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/posts\/594\/revisions\/803"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/media\/598"}],"wp:attachment":[{"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/media?parent=594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/categories?post=594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/conachen.com\/en\/wp-json\/wp\/v2\/tags?post=594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}