![見出し画像](https://assets.st-note.com/production/uploads/images/104116214/rectangle_large_type_2_ad0af7ed43d146b0e6a04e9d7421e36a.png?width=800)
AI・Shiori AIでWEBデザインを作ってみた
今日は、AIで生成したShioriをモデルにして、WEBデザインをAIに作成してもらいました。
作り方はとても簡単ですが、様々なデザインのWEBページデザインが生成されますので、とても楽しいです。
<作り方>
1.好きなWEBページの画像をキャプチャーします。
2.img2imgで生成します。
これだけです。
ただし、色のバランスとか解像度とか、そういう設定は、試行錯誤が必要で、自分の好みのデザインにモデルの顔がきれいに出るには、少し時間がかかりました。ただ、一度PROMPTと設定が確定されればあとは、元になるWEBページの画像の選び方で結構いろいろなバリエーションが楽しめますので、興味がある方はぜひ試してみてください。
最新の「MiniGPT-4」という技術を使うと、このデザインをアップロードするだけで、HTML/CSSをAIが書いてくれるようなので、時期が来たら試してみたいと思います。
設定は、以下の通りです。
モデル:chilloutmix_NiPrunedFp32Fix
PROMPT:基本的な設定に下記をプラスしました。
(((((WebPage design))))), several words
Steps: 30,Sampler: Euler a,CFG scale: 7,Size: 1024x512
Denoising strength: 0.75
なお、PROMTの記述で「WebPage」と、つないで記述してあるのには理由があります。最初は「Web Page」と記載していたのですが、ページのあちこちに「蜘蛛の巣」の画像が張り巡らされていて、原因を調べたら「Web」という単語が「蜘蛛の巣」を生成していたことがわかったのです。そこで「Home Page」とかいろいろ試したのですが、最終的には「WebPage」とつなげて記述する方法が一番良い結果を出力することがわかりました。
それでは、様々なAI・ShioriたちのWeb Pageをお楽しみください。
![](https://assets.st-note.com/img/1682583169005-leDr8tbE1T.png?width=1200)
![](https://assets.st-note.com/img/1682583321579-KTmqUFtchl.png?width=1200)
![](https://assets.st-note.com/img/1682583371424-npUnrxkeay.png?width=1200)
![](https://assets.st-note.com/img/1682583549872-sAr5DAkZic.png?width=1200)
![](https://assets.st-note.com/img/1682583392707-aJOYwtNT6x.png?width=1200)
![](https://assets.st-note.com/img/1682583411862-JlOieuJDHa.png?width=1200)
![](https://assets.st-note.com/img/1682583438660-HSCXVPHBnJ.png?width=1200)
![](https://assets.st-note.com/img/1682583566021-mIBTMBonkz.png?width=1200)
![](https://assets.st-note.com/img/1682583489363-p7pj0Th7t2.png?width=1200)
![](https://assets.st-note.com/img/1682583871773-m5jzq2ck1D.png?width=1200)
![](https://assets.st-note.com/img/1682583584141-ULnQ0y9m4T.png?width=1200)
![](https://assets.st-note.com/img/1682583474340-CkvBXxwTub.png?width=1200)
![](https://assets.st-note.com/img/1682583574869-YfrkB3rcFe.png?width=1200)
![](https://assets.st-note.com/img/1682583934208-8y3zim6AvP.png?width=1200)
![](https://assets.st-note.com/img/1682583857040-mofiAh2KJ3.png?width=1200)
![](https://assets.st-note.com/img/1682583882316-Co2b6SbZD3.png?width=1200)
![](https://assets.st-note.com/img/1682584055156-bLBWRSbi9l.png?width=1200)
![](https://assets.st-note.com/img/1682583900257-fwJpmDOpwJ.png?width=1200)
![](https://assets.st-note.com/img/1682583997395-ayFvmK1vQg.png?width=1200)
![](https://assets.st-note.com/img/1682583959583-V0jIXKY7g1.png?width=1200)
![](https://assets.st-note.com/img/1682584016757-hL4HZPE1l5.png?width=1200)
![](https://assets.st-note.com/img/1682584107168-J7cnHXLbjO.png?width=1200)
![](https://assets.st-note.com/img/1682584088097-PjiYUH8CfQ.png?width=1200)
![](https://assets.st-note.com/img/1682583966543-JPFuBfRdie.png?width=1200)
![](https://assets.st-note.com/img/1682584062174-T7KJLlh6nr.png?width=1200)
![](https://assets.st-note.com/img/1682583922435-xYmJ5kZRLu.png?width=1200)
![](https://assets.st-note.com/img/1682584119543-9WGg5dOkT2.png?width=1200)
![](https://assets.st-note.com/img/1682583975996-tGo8JTTRiN.png?width=1200)
![](https://assets.st-note.com/img/1682611615626-rvuPmHUiee.png?width=1200)
![](https://assets.st-note.com/img/1682611636941-cYxqAU02JJ.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?