あの有名サービスも使ってる！Webデザインのスタイルガイドの作り方
あの有名サービスも使ってる！Webデザインのスタイルガイドの作り方 Webデザインのスタイルガイドの作り方をまとめています。スタイルガイドはなぜ必要なのか、作る上で配色やアイコン、ボタンなどはどういった組み合わせが良いのかなどを説明しています。デザイナーの人は必見の内容でしょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、designmodoのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、起業家であるT
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
企画書・提案書のデザインテンプレートサイト4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
提案書や企画書の作成は慣れが大事。慣れるまでは効率のいい作成の仕方がわからず、完成までに膨大な時間を要してしまう人もいるのではないでしょうか。 今回は「ほかの人の企画書を盗み見できるサイトやページ」をご紹介します。見せ方や考え方、そしてそれを先方に伝えるためのノウハウが詰まりまくっているので、見て損はないと思います。 それでは、見てみましょう！ 未経験から6ヶ月でWebデザイナーを目指しませんか？ クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ一度LIGにご相談ください！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ さまざまな企画書を盗み見できる Web サイトまとめ 1. alle https://the.alleslide.com ボリュームがすごいです。 2
食品系サイトの運営者は必見！シズル感たっぷりのWebサイトまとめ | ピクスタアンテナ
こんにちは。PIXTAスタッフのmariです。 思わず「これ食べたいっ！」と声にだしてしまうほど、 おいしそうな料理写真を掲載している飲食店や食品サービスのWebサイトは、 見ているだけでも、とっても幸せな気持ちになりますよね。 まだ味わったことのない料理や行ったことのないお店に、人はどうしたら興味をもつのか。 多くの人は、体験者のレビューと、やはりなんと言ってもWebサイトに掲載されている 料理写真がおいしそうに見えるかどうかで良し悪しを決めています。 思わず「これ食べたいっ！」と見る人に言わせてしまう、 そんなシズル感たっぷりのおいしそうな料理写真をWebサイトに掲載することは、 いまや食品や外食事業を扱うサービスにとっては必須の集客方法です。 そこで本日は、食品系サービスの運営者は必見！シズル感たっぷりのWebサイトをご紹介します。 空腹時の閲覧には、どうぞご注意ください。 ☆シズル
背景に動画を使ったWebサイトの作り方
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
相手に響く提案書の書き方・流れを解説。コンサル歴25年のノウハウ公開 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのあだちです。お初にお目にかかります。 昨年9月に12年間務めた会社を辞め、「学習塾」と「人事コンサルティング」を生業とするため会社を作りました。欲を出さず、全力で細々とやっております。今後ともお見知り置きをお願いします。 さて、本日の話題は「提案書」についてです。 【こちらもおすすめ】 そもそも提案とは？ 物売りであってもWebサイトの制作であっても、はたまた飲食店であったとしても、仕事を取らなければ会社は潰れてしまいます。 そして、商品が巷にあふれている今、仕事を得るためには「買い手」に自分たちのサービスや商品の魅力を十分に伝えるために「提案」が必要です。 もし「提案」がなければ、お客さんは「他と何が違うの？」「我々がそれを買う理由は？」といった情報をすべて自分たちだけで調べなくてはいけません。それどころか、その情報を自然と得ることができなければ見向きされないことも
Webデザインのスキルを磨こう！Webサイト模写のススメ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう
「本当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう」始めました - K.Maebashi's はてなブログ
以前から「誰か書いてくれませんかね」とか言っていた「本当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう」ですが、誰も書いてくれないので自分で書きました。 本当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう http://kmaebashi.com/programmer/webserver/index.html 現状、合計で140行くらいのJavaプログラムで、普通に画像やCSSを含むWebページが表示できています。こちらのページの下のほうにも画像を貼っていますが、こんな感じで、ローカルのファイルシステムに置いてある私のWebサイトのトップページが表示できていますし、もちろんリンクをクリックして遷移することもできます。 「えっ? Webサーバってこんなに簡単に書けるの?」と思う人も多いのではないでしょうか。 もちろんこんなのは「わかっている人」から
最近話題になったイケてるWebサービス・アプリ10選（2013年6月編）
こんにちは。 6月ももうすぐ終わりということで、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 FIRST STEP 同時刻に一斉に投稿することによって、 選挙のお知らせを日本中に広げようというキャンペーン。 このサイトを使って事前に予約投稿（Facebook・Twitter）を行うと、投票日の前日（7/20）に「ネット選挙解禁後、歴史的な最初の選挙。みんなで投票にいこう。明日7月21日は投票日【投票に行く人を増やす-FIRST STEP-】」というメッセージが自動的に投稿されます。これはおもしろい仕組み。 キャッチコピーは「投票に行く人を増やす」 Lobi グループチャットアプリ「ナカマップ」というサービスが、名称をLobi（ロビー）に変えて登場しましたね。アカウント数が300万を超えたそうです。 好きな趣味や似た志向の人たちが集まって、グループをつくりおしゃべりす
これが蔵元のHP？！デザインが美しい焼酎の蔵元WEBサイト12選！ | NOMOOOブログ
皆さんこんにちは！ 今回は日本酒の蔵元に引き続き、デザインのきれいな焼酎の蔵元のWEBサイトを紹介します。 焼酎の蔵元もやはり古くさいイメージをお持ちでしょうが、WEBページを開いたとたん魅了されるようなページをピックアップしてみました！ついつい飲みたくなってしまいますね。 新平酒造 出典：http://www.shinhira.co.jp/main.php 東酒蔵 出典：http://www.higashi-sz.com/ 西酒蔵 出典：http://www.nishi-shuzo.co.jp/ 大海酒造 出典：http://www.taikai.or.jp/ 天星酒造 出典：http://www.tensei-shuzo.com/ 朝日酒造 出典：http://www.asahi-shuzo.co.jp/ 日当山醸造 出典：http://hinatayamajyouzou.com/
デザインがおしゃれな大学の公式サイト10選
大学のWebサイトといえば、かっちりとした企業サイトみたいなデザインが多いですが、最近はデザインに凝ったおしゃれで動きのある大学サイトも多くなってきました。 今回は、国公立、私立問わず、特におしゃれだと感じた大学サイトをピックアップしてみました。 武蔵野美術大学 [browser-shot url=”http://www.musabi.ac.jp/” width=”550″] 一見、大学のサイトには見えない、クリエイティブで洗練されたデザイン。 数の多いメニューも、上手く配置することによってユーザーにとってわかりやすくなっています。 デジタルハリウッド大学 [browser-shot url=”http://www.dhw.ac.jp/” width=”550″] フラットデザインを取り入れたとても今風なデザイン。 UIも分かりやすく、さすがデジハリという感じです。 京都精華大学 [bro
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
WebサイトのFlash利用率が20%まで下がった
Usage Statistics of Flash for Websites, March 2013 w3techs.com調べによれば、WebサイトのFlash利用率が、とうとう20%にまで下がったそうだ。 調査方法はWeb Technologies Statistics and Trendsに書かれている。それによれば、 上位100万件のWebサイトを毎日調査。ランキングはAlexaより取得。Webサイトを構成するページひとつに、特定の技術が使われていれば、Webサイト全体が特定の技術を使っているとみなす。サブドメインを別のWebサイトとして扱わない。リダイレクトされるドメインはカウントしない。ここで定義するWebサイトは、Alexaの定義するWebサイトとは異なるため、実際に集計されるWebサイトの数は、100万件よりすこし少ない。 この調査結果では、一年前に比べてWebサイトのFl
【保存版】Webエンジニアが見るべきテックブログ一覧
皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか？ はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは？ ご存知の方も多いと思いますが、テックブログとはWEBサービスやゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな
ダメディレクターからの卒業、Webサイト企画＆制作時に必ずおさえておきたい「5W2H」
ダメディレクターからの卒業、Webサイト企画＆制作時に必ずおさえておきたい「5W2H」 2013.02.26 | この方法お勧めです！ | 考える。 | 覚えておきたい 密かに近所のスーパーで、高齢者と数少ない吹雪まんじゅうの争奪戦を繰り広げています。 もうちょっと仕入れてくれればいいのにな〜。 こんにちは。和菓子大好きグリーンです。 代理店の営業さんやディレクターやと打ち合わせしてて 「制作中に内容がコロコロ変わる」 「話を聞く度に違う事言ってる」 なんて経験ありませんか？ 「俺が侍だったらこの場でお前を切り捨ててるぜ」なんて妄想で乗り切るのもしんどいような時ないですか？ サイトの方向性やコンセプトがあいまいなまま進めるとこうなっちゃうんですよね。 Webサイトの企画・制作時におさえておくととっても便利な「5W2H」という考え方をご紹介します。 「5W2H」とはアルファベットの頭文字をと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
新着記事
新着記事
