文章一行でAIがWebサイト構築、外部資金調達なしで5.4万ユーザを集めた豪Relume——NikeやDapper Labsも利用 Image credit: Relume ワンセンテンスの Web デザインは、もはや夢物語ではない。Wix、Weebly、Webflow のテンプレートを使えば、自分のスタイルで Web サイトを組み立てることができる。 しかし、これはレイアウトに限ったことではなく、Web サイトの構成を考え、各ページの内容も、訪問者を惹きつけるために慎重に設計する必要がある。例えば、「About」ページでは、サービス紹介やビジネスストーリー、将来のビジョンなどを掲載するため、コンテンツの設計に手間がかかる。 この問題を解決するために、デザインスタートアップ Relume は、AI が生成する Web サイトデザインプラットフォーム「Relume Ipsum」を開発した。こ
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
配管の外側にNi基合金皮膜を溶射し、高周波誘導加熱による再溶融処理を行うことで、皮膜表面が滑らかとなり、緻密で密着力の優れた皮膜を形成します。 過酷な環境下において配管を守り、メンテナンス周期を伸ばすことで配管を長寿命化することが可能です。 MORE
はじめに Netlify Netlifyは静的なサイトを超高速で提供できるWebサービスです。先日210万ドルの出資を受け話題になりました。わずか3ステップでおしゃれなサイトが作成できるとのことです。本記事の前半ではNetlifyの特徴を軽くまとめ、後半は実際にNetlifyを利用してサイトを作成してみます。 Netlifyの特徴 詳細は公式ドキュメントにあります。今回はその中から一部を抜粋して紹介します。 ビルド、デプロイ、ホスティングの全て Netlifyはフロントエンドのビルド、デプロイ、ホスティングの全てを行います。単純な静的サイトのデプロイであれば下記の3行をコマンドラインに打ち込むだけでできます。 また、NetlifyはGitHubリポジトリとリンクし、GitHubリポジトリにプッシュがある度にgruntやgulpを介したビルドをしたうえでサイトをデプロイしてくれます。 これら
by Igor Miske 建築形式のひとつである「ブルータリズム」を基に、ウェブサイト本来のあるべき姿に焦点を当てて作られたデザイン手法が「Brutalist Web Design(ブルータリスト・ウェブ・デザイン)」です。「雑誌ではないが雑誌のような記事が載っている」「アプリケーションではないが商品の購入やユーザーとのやり取りに使える」「データベースではないが、データベースによって動く」といった複数の側面を持っているのがウェブサイトであり、サイト訪問者に対してコンテンツを純粋に楽しむための方法として提供されるものであるとして、ブルータリスト・ウェブ・デザインは構築されたとのこと。そんなブルータリスト・ウェブ・デザインのガイドラインを、エンジニアのデイビッド・コープランドさんが記しています。 Brutalist Web Design https://brutalist-web.desig
私たちは普段、お店でものを買う際には必ず「お金を払う」ということを行っています。現金やクレジットカード、交通系電子マネーに加え、最近ではApple Payなどのスマートフォンによる電子決済サービスも登場しています。そのような新しい決済サービスを使ったことがあるという方も増えてきているのではないでしょうか。 このブログでも度々注目されているお金とデザインのこと。先日起こった私の実体験を通して、このような「お金を払う」という体験のデザインについて考えてみたいと思います。 とあるコーヒーショップでの体験談：フィードバックの勘違い これは、とあるコーヒーショップでバーコード決済アプリを利用した際に体験した実話です。 さて、3コマ目で私はなぜ「会計が終わったな」と勘違いしてしまったのでしょう？ 振り返ってみると、会計時に私はこんなことを考えていました。 1コマ目：「電子決済アプリで支払いたい」 2コ
ウェブデザインに関わる全てのひとにオススメしたい、デザインや発想、アイデアの糧になる優れた最新Webサイトの実例をまとめています。配色やレイアウトの他にも、書体や印象、業種など目的別に探せて、すぐに使えるアイデア集です。 これからウェブサイトを作ろうというひとや、クライアントとの打ち合わせの参考資料として、またアイデア出しに困ったときなど幅広く参考にできるウェブデザインを厳選してご紹介します。 アイデアに困ったら確認したい！最新ウェブデザイン良質見本47選 2017年9月度 現役デザイナーも注目！最近話題のウェブデザイン50個まとめ 2017年7月度 良質Webデザイン見本帳！創造力を高める最新サイトまとめ 久米島インスタTrip 人気インスタグラマーたちが久米島のインスタ映えする写真を投稿して、島の観光につなげる新しい試み。 Air Jordan Coilection 歴代のAir Jo
Downloads Get the desktop, mobile, and font installer apps
Website Builder — Create a Website in Minutes — Squarespace
A collection of inspirational websites made by real Squarespace users. Stories and solutions for the modern entrepreneur. In-depth guides and videos about the platform, our services, and how to get started. An online community for Squarespace users and professionals to discuss best practices and seek advice. Free, online sessions where you’ll learn the basics and refine your Squarespace skills. Ea
コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはSTUDIOだけです。
良質Webサイト415点からアイデアを引き出す 目的別に探せて、すぐに使える「Webデザイン良質見本帳」 ＳＢクリエイティブ株式会社は、良質なWebサイトを厳選・解説した「Webデザイン良質見本帳 目的別に探せて、すぐに使える見本集」を6月16日に発売する。B5判／フルカラー／192P／2,300円（税抜）。 本書は、良質Webサイト415点を厳選し、その「デザインの魅力の理由」を解説したアイデア見本帳だ。レイアウト、配色、フォント、素材、プログラムなど、ページを構成しているデザインパーツを分解し、それぞれがWebサイトの中でどのような役割を果たしているのかを分析している。豊富な実例からイメージに合ったデザインを見つけ、そのデザインの理由を知ることができるので、制作の現場ですぐに活用できる一冊だ。 また、「アイデアが見つからない」「イメージはあるけど、何が必要で、どうつくればいいかわからな
Adobe/Macromedia Fireworks がCS6で新規開発が停止になったのは丁度2013年の今日5/7。Fireworksユーザに衝撃とやっぱり感が襲った日でした。記念日でもあるので今回はデザインツールGravit Desinger v3を紹介したいと思います。 2017/05/07現在バージョンはv3.0.5。私が試したのはWindows版で他のプラットフォームで試したわけではないことに注意してください。 2017/05/09追記：日本語の表示は、日本語フォントをimportした上テキストのSpace(Char)を20前後にすると一応できます。しかし、直接のタイプはできません。 限りなく全てに近いクロスプラットフォーム対応！Gravit Desiner v3は、MacOS版、Windows10版(Store版とインストール不要なバージョンがある)、さらに、Linux版、Ch
最近Webデザインでよく見かけるデザインというと、何が思い浮かぶでしょうか。 12カラムのグリッドデザイン、ヒーローイメージ、動画背景をつかったホームページなどが現在のトレンドです。 このようなトレンドデザインを取り入れているホームページは無数にあります。 しかし個性を出したい場合には、これらのモデルケースから一旦離れてデザインをするのも大切です。 今回は、特定のトレンドに縛られずにデザインしている、ユニークなレイアウトのホームページ事例をご紹介します。 ユニークで個性的なレイアウトのホームページ16選 1. Colorama Risoprint http://colorama.space ベルリンにあるリソーグループの印刷会社Colorama Risoprintのホームページは、配色も斬新ながら、3カラムの面白いレイアウトを採用しています。 まるで辞書のように、ヘッダーに当たるテキストが
2017年に入り、ウェブデザインのトレンドや動向を予想したエントリーを当サイトでもいくつか公開してきましたが、ウェブデザインやグラフィックの世界基準ソフトウエアの Adobe 社が今年のデザイントレンド予想を発表しています。 今回のトレンド予想はデザイン部門より10個、ビジネス部門から7個がサンプル例と一緒に公開されています。今回は、デザインなどクリエイティブな業種、職種に関わるひとが一度確認しておきたい、重要なポイントのみまとめてご紹介します。 これでもう悩まない！2017年のデザイントレンド完全ガイド 2017年に注目したいWebデザイン業界の動向やトレンド総まとめ 2017年のWebデザインはどうなる？デザイナーが注目したい流行トレンド10個まとめ 2017年のデザイントレンド10個まとめ ミニマルデザインの人気 : 2017年はミニマルレイアウトの人気が続くでしょう。ミニマルなUI
2017年ここ最近、よく見かけるようになったデザインのトレンドを紹介します。 トレンドの好き嫌いに関わらず、デザインのアンテナを張っておくことは大切です。今すぐに使うことがなくても、未来のプロジェクトでその知識が役立つかもしれません。 Essential design trends, January 2017 Essential design trends, February 2017 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 視線を誘導する空白スペースの新しい使い方 プロダクトの見せ方 パステルカラーはソフトに 画像のオーバーレイはダーク系 ブルータリズム テキストの新しいエフェクト 視線を誘導する空白スペースの新しい使い方 空白スペースはデザインを素晴らしくしたり、壊したりすることもあります。それが白や背景色、または文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
