画像生成AIでウェブサイトやUIデザインを生成するコツ

2022/12/23 212 users 画像生成AI UIデザイン ウェブサイト コツ プロンプト

人工知能（AI）は、ウェブサイト制作を、根本から変えてしまうでしょう。 今のところ、AI画像生成ツールは、呪文（プロンプト）を唱える、ちょっとしたコツを覚えることで、以下のようなWebレイアウトを作成できます。 beautiful landing for spiderman website, design, ux/ui, ux, ui --ar 3:2 --v 4 --q 2 「花屋、フ... 続きを読む

【CSS】「これどうやる？」アップルやテスラのWebレイアウト再現テクニック集 - PhotoshopVIP

2022/07/15 551 users Twitter PhotoshopVIP NIKE テスラ

AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサ... 続きを読む

たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個 - PhotoshopVIP

2020/08/18 445 users center PhotoshopVIP CSS スタイリング

モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここ... 続きを読む

パズル感覚でレイアウトを作成できる、Photoshop無料UIコンポーネントキット「Edge」 - Photoshop VIP

2014/09/19 95 users Edge レイアウト ナビゲーションメニュー パズル感覚 以下

あらゆるタイプのWebサイトやブログのレイアウトを、収録されているパーツを組み合わせて作成することができる、無料UIコンポーネントキット「Edge UI」が公開されていたので、今回はご紹介します。 ナビゲーションメニューだけでも水平、垂直タイプを含めて20種類近くが用意されているので、アイデア次第でさまざまなWebレイアウトをパズル感覚で作成することができますよ。 詳細は以下から。 パズル感覚でレ... 続きを読む

BodyTalk: 伝えるWebレイアウトの配色

2006/01/03 251 users 感性 シャープ 受注 他人 webデザイン

配色 | webデザイン 新規デザインの受注を受けた際、一番頭を悩ますのが、 「とにかくかっこいいもの」とか「かわいい感じで」とか。 感性は人それぞれで、私のシャープと他人のシャープは必ず一致するわけじゃなく、形に表せないだけにとても難しいわけですが。 企業カラー、商品イメージカラーありきなら別ですが、そうでない場合私はまず、細かな配色を決めてしまいます。ここが決まらないと作りようがありません。 ... 続きを読む