ウェブサイト制作では、游ゴシックはおすすめしない理由

2024/05/30 418 users 游ゴシック ウェブサイト 理由 みなさん 印刷物

ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游... 続きを読む

画像生成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 「花屋、フ... 続きを読む

ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 480 users jQuery React Nuxt Vue NEXT

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA

2018/05/17 1056 users HTMLコーディング ICS MEDIA 地獄 温故知新 現代

ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では主にIE6が全盛期だった2000年代のウェブサイト制作を振り返ります。昔からコーディングしている方は懐かさに浸ったり、そうでない方は現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / s... 続きを読む

イメージスライダーを魅力的に！コピペ実装できるHTMLスニペット24個まとめ - PhotoshopVIP

2017/04/10 59 users 案件 ウェブサイト PhotoshopVIP ユーザー コピペ

ウェブサイトでも使われることが多く、写真イメージをより魅力的に見せることができるイメージスライダー。 ヒーローヘッダー として利用されることも多く、イメージスライダーを効果的に利用することで、ウェブサイトを訪れたユーザーにより魅力的にコンテンツを見せることもできます。 今回は、 ウェブサイト制作で利用したいイメージスライダー をまとめてご紹介します。どんな案件にも対応できる万能コードから、ユーザー... 続きを読む

ウェブサイト制作に欠かせない、人気アニメーションテクニック4つまとめ - PhotoshopVIP

2017/02/09 99 users PhotoshopVIP

機能的で楽しいアニメーションは、現代のウェブデザインに欠かせない重要な要素のひとつです。論理的に考えられたアニメーションを活用することで、ウェブサイトに大きな違いを生み出します。アニメーションはステータスを伝えたり、注意を引くことはもちろん、ユーザーの行った行動の結果をうまく表現できます。 今回は、 より快適なウェブサイト体験を実現するために加えたい 、アニメーションの制作テクニックをサンプル例と... 続きを読む

1.2億枚のフリー写真を一括検索！似た素材も見つけることができる Mediachain Attribution Engine - PhotoshopVIP

2016/12/26 76 users 人目 お好み コレクション PhotoshopVIP 一括

ウェブサイト制作やブログの運営などで重要な要素のひとつが、人目を引く美しいサムネイル画像。 商用利用もできるフリー写真サイト から見つけることもできますが、膨大なコレクションからお好みの一枚を探すのは、骨の折れる作業とも言えます。 今回は、1億2千枚以上のCC0ライセンのフリー写真を一括検索できるサイト、 Media Attribution Engine をご紹介します。どれも自由に利用できるだけ... 続きを読む

CSSコピペで利用！話題のボタンデザイン用スニペット、サンプル30個まとめ - PhotoshopVIP

2015/11/17 137 users CodePen PhotoshopVIP CSS ウェブ制作

CSSをコピペしてウェブ制作に活用できる、ボタン用スニペットサンプルを、WEBデザイナーのためのコードコミュニティサイト、Codepenよりピックアップしてまとめています。 その場でコードを確認、編集することができるので、幅広いデザインプロジェクトに応用でき、アニメーションをうまく活かした新しいスタイルを、今後のウェブサイト制作に活用してみてはいかがでしょう。 詳細は以下から。 CSSコピペで利用... 続きを読む

配色やレイアウトの参考にしたい、無料UIコンポーネントとWebレイアウトまとめ - PhotoshopVIP

2015/10/02 91 users 配色 PSDファイル レイアウト デザイナー UIデザイン

幅広いウェブデザイン制作に活用したい、最新トレンドやデザインテクニックを盛り込んだ、Photoshop無料UIコンポーネント素材をまとめています。 世界中のデザイナーが作成したPSDファイルは、どれもきちんと整理されており、ダウンロード後すぐに利用することができます。また後半では、実際にUIデザインを利用したウェブサイト制作の参考にしたい、Webページレイアウト用PSDファイルも一緒にまとめていま... 続きを読む

人脈作りなんてやめちまえ！ ビジネスの基本は「人助け」だ ｜ ライフハッカー［日本版］

2015/05/06 481 users 人助け エドモントン ライフハッカー 人脈作り 人脈

「ビジネスとは人脈である」と思っている人は多いのではないでしょうか？　だから起業家は、せっせと人脈作りのイベントに通ったりします。 でも、カナダのエドモントンでブランドアイデンティティやウェブサイト制作などを行うデザイン会社「Paper Leaf」の共同創設者、ジェフ・アーチバルド氏は、それは「見当違い」だと指摘します。その理由とはいったい何なのでしょう？ ちょっと口は悪いようですが、言ってること... 続きを読む

Illustratorをもっと楽しく！無料の高品質ベクター素材30個まとめ 2015年3月度 - Photoshop VIP

2015/03/24 56 users Illustrator テクスチャ UIコンポーネント 壁紙

不定期となりますがIllustratorで活用できる新作無料ベクター素材をまとめています。今回は、2015年3月度まとめとなります。 商用利用もできるiOS 8を完全再現したUIコンポーネントや、アイコン素材などウェブサイト制作でも重宝しそうなアイテムから、人気があるビンテージ系手書きデザインや、壁紙に利用したいテクスチャなどが揃っており、お気に入りのベクター素材を見つけてみてはいかがでしょう。 ... 続きを読む

人脈作りなんてやめちまえ！ ビジネスの基本は「人助け」だ : ライフハッカー［日本版］

2014/01/29 474 users 人助け エドモントン ライフハッカー 人脈作り 人脈

コミュニケーション , 仕事術 人脈作りなんてやめちまえ！ ビジネスの基本は「人助け」だ 2014.01.29 21:00 「ビジネスとは人脈である」と思っている人は多いのではないでしょうか。だから起業家は、せっせと人脈作りのイベントに通ったりします。でも、カナダのエドモントンでブランドアイデンティティやウェブサイト制作などを行うデザイン会社「Paper Leaf」の共同創設者、ジェフ・アーチバル... 続きを読む

デザインが素敵！ロイヤリティフリー写真素材を無料ダウンロードできるサイトPicJumboPhotoshopVIP |

2014/01/24 445 users デザイン 無料 コレクション 幅広いプロジェクト 商用利用

個人、商用利用に関係なくロイヤリティフリー写真を無料ダウンロードできるサイト、PicJumboを今回はご紹介します。最近増えている、高品質なフリー写真素材を公開するサイトと一緒に、コレクションに追加しておきたいサイトのひとつです。 毎日あたらしい作品が公開されている点もポイントで、デザイン性にもすぐれた作品が多く、ウェブサイト制作など幅広いプロジェクトにも対応してくれるのではないでしょうか。 詳細... 続きを読む

配色決めに！ 調和のとれたカラーパレットを作成してくれる「Paletta」 : ライフハッカー［日本版］

2013/09/19 57 users Paletta 調和 配色決め ライフハッカー カラーパレット

Webツール , デザイン , 最新テック 配色決めに！ 調和のとれたカラーパレットを作成してくれる「Paletta」 2013.09.20 08:00 「Paletta」は色を1つ指定すると、調和のとれた色を集めてカラーパレットを作成してくれるサイトです。ウェブサイト制作の際などに役立ちそう。 以下に使ってみた様子を載せておきます。 まず、Palettaへアクセスしましょう。 色を1つ選択すると... 続きを読む

ユーザー中心のウェブサイト制作 | SEO 検索エンジン最適化

2012/11/26 57 users SEO 検索エンジン最適化 ユーザー中心 大半 関心 沿い

最終更新: 2012年11月26日 ユーザーの視点で、ユーザーの関心に沿い、ユーザーが求めるコンテンツを中心にすれば、サイトを機能するものにするのは簡単です。にもかかわらず大半のサイトは、運営者の視点で運営者が伝えたいことを中心にした構成を取っており、当然の結果としてサイトは十分に機能していません。この記事ではユーザー中心へと運営者の意識を変えて、サイトを機能するものにするための考え方を示します。... 続きを読む

最短２分で、驚くほど簡単に、オンラインストアが作れるStores.jp（ストアーズ・ドット・ジェーピー）

2012/08/30 2564 users デザインテンプレート 実装済み ジェーピー ストア オンライン

STORES.jpへようこそ 簡単にオンラインストアが作れる！ ウェブサイト制作の知識は全く不要。誰にでも簡単にオンラインストアがオープンできます。 デザインは自由自在！ デザインテンプレートを使って、ストアのデザインを自由にカスタムすることができます。 必要な機能はすべて実装済み！ 決済機能やオーダー受付の仕組みやなど、オンラインでの販売に必要な機能は実装済みです。 はじめかた ストア(お店)を... 続きを読む

Photoshop Vip » ダウンロードしておきたいボタンやフォームなどの無料GUIデザインPSD素材50個まとめ

2011/04/12 143 users Photoshop Vip ボタン フォーム NEWS 作成

News Home > News > ダウンロードしておきたいボタンやフォームなどの無料GUIデザインPSD素材50個まとめ ダウンロードしておきたいボタンやフォームなどの無料GUIデザインPSD素材50個まとめ 2011年4月12日　　　 ウェブサイト制作をするときに重要なプロセスのひとつとして使用するボタンなどのUIデザインパーツの作成があります。 効率的にウェブサイト制作を行うには、テキスト... 続きを読む

ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)

2010/01/18 432 users ユーザ ユーザビリティ実践メモ コツ ケーススタディ 同種

ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題... 続きを読む

○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum

2008/02/20 1971 users 発注 発注マニュアル Web担当者Forum 予算 コスト

[特集]　安く! 早く! を実現するサイト制作の発注マニュアル 賢い発注のやり方＆失敗するやり方　制作会社とのうまい付き合い方教えます この記事では、ざっくりとしたウェブサイト制作のコストを考えるための、相場早見表を示す。「制作会社にこんなことを頼んだらいくらかかるんだろうか？」「予算はこれぐらいしかないんだけど、何ができるかな」そんな疑問にお答えする一覧表だ。 価格目安は作業ごとの価格（ロフトワ... 続きを読む

賢い発注はウェブサイト制作フローの正しい理解から――よくある4つの悩み事 | Web担当者Forum

2008/01/17 279 users 発注 Web担当者Forum ホンネ 正しい理解 ため息

[特集]　安く! 早く! を実現するサイト制作の発注マニュアル 賢い発注のやり方＆失敗するやり方　制作会社とのうまい付き合い方教えます 賢い発注はウェブサイト制作の正しい理解から こんなクライアントは嫌だ！ 制作サイドのホンネから知る“成功する制作の進め方” ユーザーを引き付ける魅力ある企業サイト、思わずため息がでるキャンペーンサイトなど、ウェブでは多くの成功事例を見ることができる。しかし、外から... 続きを読む