AI星球岛 发表于 3 天前

AI Colors

<div class="ce-block" data-id="c_3cyJ6ltj" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">关于产品</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="IezjG53LNr" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">&nbsp; AI Colors是一个从文本提示中生成调色板的工具,用户可以输入文字提示,然后生成对应的调色板,帮助设计师快速获取配色方案。优势在于快速、方便、灵感丰富。定价方面,AI Colors提供免费版和高级版,高级版提供更多功能和定制选项。</div>
        </div>
</div><div class="ce-block" data-id="BQwDXtLc-D" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">适合谁?</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="B8TBD9FOE-" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">设计师:包括UI/UX设计师、平面设计师、品牌设计师等,用于快速生成配色方案,提升设计效率。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="x4ecmRZGZS" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">开发者:尤其是没有UI设计师配合的前端开发者,可以快速生成网页配色方案。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="OG9WlypGdN" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">个人用户:用于家居装饰、个人项目等,帮助用户找到适合自己的配色方案。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="_qvCOaTkB1" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">创意工作者:如插画师、艺术家等,用于激发创意灵感。</div>
        </div>
</div><div class="ce-block" data-id="S38O0v0MDp" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">使用场景</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="pWxjBS7Y8_" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">网站设计师使用AI Colors生成网页配色方案</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="o9icU7pG4j" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">创意人员使用AI Colors获取灵感</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="5VCFpCNP_g" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">平面设计师利用AI Colors快速获取配色方案</div>
        </div>
</div><div class="ce-block" data-id="mO2eUJmshy" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">产品特色</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="JzNP0oZUvL" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">基于AI的智能生成:通过自然语言输入,如“科技感”、“温馨”等关键词,自动产生匹配的配色方案。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="nqNH4hL7Sh" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">高度自定义:用户可以根据自己的具体需求,对调色板进行细致的调整。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="RosKqmBMz2" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">多格式导出:支持将调色板以多种格式导出,便于在不同设计软件中使用。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="Fh_x9jVjT-" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">可访问性考虑:提供颜色对比度信息,帮助用户选择符合可访问性准则的颜色组合。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="fc9crjRbAD" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">直观的用户体验:界面简洁,操作简单,即使是没有设计经验的人也可以轻松上手。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="Ghu4oUllr8" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">完全免费:无需注册或付费,所有功能对所有用户免费开放。</div>
        </div>
</div><style type="text/css">
.ce-block {
        margin-top: 20px;
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}

.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
        content: "";
        background-color: #3e8fe3;
        width: 6px;
        height: 100%;
        position: absolute;
        left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}

.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}

.ce-header:empty::before {
display: block;
}

.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
    font-size: 2.0em;
}
h2.ce-header {
    font-size: 1.7em;
}
h3.ce-header {
    font-size: 1.4em;
}
h4.ce-header {
    font-size: 1.15em;
}
h5.ce-header {
    font-size: 0.95em;
}
h6.ce-header {
    font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
.ce-paragraph {
    line-height: 1.6em;
    outline: none;
    text-indent: 2em;
    font-size: 16px;
}
.ce-paragraph--right {
    text-align: right;
}
.ce-paragraph--center {
    text-align: center;
}
.ce-paragraph--left {
    text-align: left;
}

.ce-paragraph--justify {
    text-align: justify;
}

.ce-paragraph-text-indent {
    text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}

/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}

.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}

.ce-paragraph p:first-of-type{
    margin-top: 0;
}

.ce-paragraph p:last-of-type{
    margin-bottom: 0;
}


.svg-icon {
    width: 1em;
    height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #4691f6;
}

.svg-icon circle {
    stroke: #4691f6;
    stroke-width: 1;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页: [1]
查看完整版本: AI Colors