自分のwebサイト作る工程 - MEMOGRAPHIX
2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ
ネコジマン｜猫画像,猫写真の投稿サイト
みけちゃん 2021.09.12 5,097 235 シニアにゃんこのみけ母さん。口元のお髭がチャームポイント... ぽんぽこ丸 2021.07.18 2,055 5 2014年9月から一緒の生活が始まりました。幼少期は噛みグセが... ぶりっこ君 2020.09.19 4,745 5 行動がいちいち女子っぽい、ぶりっこ男子。片袖マスク君とは... 片袖マスク君 2020.09.19 4,192 5 人懐っこくフレンドリー。ぶりっこ君とは兄弟です。鳴き声が... Kitty 2020.02.25 3,154 9 これはキティです。 this is kitty. she is very old but sp... ニコ 2019.09.14 3,419 13 7歳（2019年現在）のニコちゃんです。よく人に「この猫怒って... マペコ・スペクター 2019.03.05 4,960 15 20
ゲーム関連のデザイン制作時に参考になるサイト20 - Design Color
もくじ ゲームサイトのデザインいろいろ ゲームサイトに特化したギャラリーサイト 「ゲーム」タグがあるギャラリーサイト ゲームのデザインをまとめた記事 ゲーム関連のアイコン ゲーム関連デザインのためのチュートリアル ゲームサイトのデザインいろいろ まずゲームサイトのデザインとはどんなものがあるのでしょうか？本当に様々ですが、中でも雰囲気や見せ方がそれぞれ異なるサイトを4つピックアップしてご紹介します！ ジョジョの奇妙な冒険 オールスターバトル バァーンッ！！まずはFlashバリバリ！のジョジョのゲームサイト。かっこいいしキャラを大きく打ち出しているのでインパクト抜群です！なんかもう、色んなとこホバーすると色んなものが動きます。これぞゲームのサイト！ってくらい仕掛けがたくさんです。文字で効果音が出たりするところが漫画っぽくもありますね。 トゥームレイダー 黒を背景にしていてシリアスな雰囲気や「
愛生会病院
いきいき学級～フラワーアレンジメント～ いつも鹿角市大湯温泉保養センター湯都里をご利用いただきありがとうございます。先日いきいき学級を開催いたしました。いきいき学級とは、鹿角市内在住のおおむね65歳以上の方が対象となり、体操・踊り・...
その日あったニュースをアイコンのデザインで伝えるニュースサイト・icons times
ユニークなサイトがあったのでご紹介。その日あったニュースをアイコンのデザインで伝える、というニュースサイト・icons timesです。アイコン作成のヒントになる・・かもしれない。 アイコンをサムネイルとして利用してその日のニュースを伝える、というもの。文章も勿論ありますが、アイコンのデザインをする際のインスピレーションに繋がるかもしれません。面白い事考えますね・・ アイコンのギャラリーのようなサイトですが、ニュースサイトです。英語が問題ない方なら面白いアイコンデザインギャラリーサイトとして利用出来そうですね。 例えばこのアイコンなら、北朝鮮が原子炉を再起動させた、というニュースです。リロードボタンと核のアイコンを使って表現しています。 こちらはGoogleとAppleのiWatchの話。 面白い事考えますね・・・件のニュースサイトは以下になります。 icons times
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
JAYPEG
JaypegWelcome to JAYPEGJAYPEGは簡単に優れたポートフォリオが作成でき、自分の作品を投稿できる、 デザイナーのためのソーシャルサービスです。
売れるサイトやLP構築のために絶対抑えておくべき色彩心理学の基礎
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのデザインにおいて、サイトの色彩は非常に大きな要素だ。 例えば、見込み客の嗜好やブランドイメージと合わない色をメインカラーにすると、それだけでコンバージョンは大幅に下がる。 少し想像してみて欲しい。例えば、このブログの背景が黒一色で、あなたが今読んでいるこの文字がまっ黄色だったらどう思うだろうか？どれだけ役に立つことが書いてあっても、何となく嫌悪感を感じるはずだ。 また、例えば、Amazonのサイト内の購入ボタンが真っ黒だとしたらどうだろうか？購入意欲が下がることは間違いないだろう。 ここまで極端ではないにしろ、ランディングページやサイトの色彩の選択を間違えると、コンバージョンが下がるということは実感して頂けたと思う。
新卒でも分かる！成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ 38,133 views 良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な５サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,789 views 脱初心者！事業計画書の書き方やテンプレート配布サイト4選 11,336 views 売上アップに必要不可欠！販促企画書のアイデアを貰えるサイト5選 8,667 views あなたのサービスが広まる、エレベーターピッチ！ 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ
パララックス効果を使ったウェブデザイン | | DesignWalker
パララックス効果って、あまり聞き慣れない言葉ですが…。 初期の横スクロール型のテレビゲームなどでよく使われていた視差効果を使って奥行きを出す技法だそうです。 いくつかのレイヤーを、それぞれ違った速度でスクロール（奥にあるレイヤーはゆっくり、手前にあるレイヤーは早くスクロール）させる事で、視差効果を与えて奥行きがあるように見えるのだそうです。 今回は、このパララックス効果を上手にウェブデザインに応用サイトをいくつかまとめてみました。 How to recreate Silverback’s parallax effect まずは、パララックス効果をウェブデザインに応用する方法から。ブラウザの横幅を変えてみると、４つのレイヤーに配置されているPNG画像がそれぞれスクロールの速度が違って奥行きがあるように見えます。サンプルコードも公開されているので、挑戦してみてはいかがでしょうか。CSSのbac
太宰府天満宮｜全国天満宮総本宮
ご祈願 御本殿にて、天神さまの御神徳をいただきます。それぞれのお願いごとが叶いますよう、天神さまと皆様の仲を神職が執り持ち、祈りを捧げます。
ロゴの扱い方でプロとアマの差が出る。アイソレーションゾーンとレギュレーション・ビジュアルアイデンティティについて / Maka-Veli .com
Webサイトを眺めていると、よくロゴの扱い方が雑な物をよく見受けられます。どうもWebの場合はそれが多く見られる気がします。「印刷をしない」 からでしょうか？僕も当時、よく叱られてました・・・ アイソレーションゾーンとは アイソレーションゾーンとは、ロゴ等の周りにある『余白』の事です。 ロゴ周りでなくても、キャッチコピーやタイトルの周りに取ることが多いはずです。 タイトルやキャッチコピーなどの場合は、 ジャンプ率を高めに設定する場合は2~4倍くらいでも良いと思います。 逆にジャンプ率を低めに設定した、あまり強調を必要としない場合でも、 1つ分くらいは空けるとすっきりしますね。 スペースを上手く使える人はプロデザイナーっぽいですよね。 ホワイトスペースは「無駄」じゃありません。 隙間があるからといって、あれこれ詰め込むのはいかにも素人っぽいです。 ロゴレギュレーション 大
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
WEB制作・運営者必見！2012年に流行る（かも！？）新世代CMS4つを徹底検証 | Inbound Marketing Blog
こんにちは。 CMS開発担当の山口です。 今回は「INBOUNDなWEBサイト」、つまり、お問い合わせがたくさん来るWEBサイトを作るにあたって、欠かせない必須アイテムであるCMSについてお話しします。 ※あらためてCMSとは… WEBサイトのページやコンテンツ、画像などを管理・更新しやすいようにシステム化したもの。 現代のWEBサイトにおいて、CMSでの構築は、マストな要件となってきました。 WEBサイトが「作る」時代から「運用する」時代になって久しく、 その難しさや大変さは周知されてきました。 そこで登場したのがCMS。 運用の簡略化・効率化に貢献し、WEBサイトの懐を大きくするツールとして、 今ではWEB制作現場で当たり前のように使用されています。 WEBサイト制作スキルのないメンバーで運用するCMSを探そう そもそもCMSは古くから各所で開発され、それぞれ違う目的・用途を持って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kandeza.com
こっちのほうが好き！ デザインし直されたiOS7のインターフェースがカワイイ！ - iOS7 Fancy Redesign
新着記事
Full-[Watch]! Power Season 6 Episode 12 Online Free 123Movies![Full-[Watch]! Power Season 6 Episode 12 Online Free 123Movies](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4c5e88a0f20510caffcbe04a2c82643c871c41/height=288;version=1;width=512/https%3A%2F%2Fwww.digitalocean.com%2F_next%2Fstatic%2Fmedia%2Fsocial-share-default.e8530e9e.jpeg)
404 Not Found
アマナ
