タグ サイトデザイン
人気順 5 users 10 users 100 users 500 users 1000 users政府統一Webサイト、暫定版を12月までに公開 製作事業者決定 - ITmedia NEWS
中央省庁の情報を集約した「政府統一Webサイト」の構築に向けた実証事業の競争入札が行れ、事業者がANNAIに決まった。12月末までにサイトデザインや基盤作りのルールを整備し、暫定版サイトを公開する。 内閣官房IT総合戦略室(IT室)は8月26日、中央省庁の情報を集約した「政府統一Webサイト」の構築に向けた実証事業の... 続きを読む
懐かしのインターネット。AppleにGoogle、Amazonなど1999年のサイトデザインはこんな感じだった。 : カラパイア
1999年、みんなは何をしていただろう? 時代が混沌としていたのは今と変わらず、世界はノストラダムスの予言や2000年問題などで揺れていた。 日本ではコギャル文化から「ヤマンバ」ファッションが誕生。流行語大賞は「ブッチホン」「リベンジ」「雑草魂」が受賞して、今年の漢字は世紀末らしく「末」。「動物占い」や「... 続きを読む
どういうときにAmazon使うのか分からない
買いたい商品が決まってて通販を使う場合は公式のネットストアで買うし、 決まってないときは通販を使わずに実店舗で吟味して買うじゃん。 Amazonってサイトデザインがごちゃごちゃしてて欲しい商品を探しづらいし。 何かよく分からん業者のよく分からん商品が大量に並んでてレビューも参考にならんし。 そもそも通販という形態は荷物受け取りとか面倒だし(受け取りボックスとかあれば別なのかもしれんが)。 挙句に昨... 続きを読む
Webデザイン勉強の参考にしたい、魅力的なサイト35選 2017年2月度 - PhotoshopVIP
目まぐるしく変化するウェブデザインは、技術の発達によりこれまでは難しかった表現も可能になってきています。ユーザー主体とした体験型サイトなども増え、アニメーションやレイアウトなど新しいデザイン要素を利用することで、より魅力的でインタラクティブなサイトデザインに仕上げることができます。 そんなウェブデザイン制作アイデアの参考にしたい、クオリティの高いWebサイトをまとめてご紹介します。Webデザインや... 続きを読む
はてなブログでブログ始めて一周年! - ミステリーをちゃんと読もう
2016 - 01 - 15 はてなブログでブログ始めて一周年! ブログ シェアする Twitter Google+ Pocket って昨日でした。 忘れてた。 いや、結婚記念日でもあるまいし。 覚えてる人そんなにいないですよね? さて、記事数や日数を見ればお分かりのようにぽつらぽつら更新のブログです。 最初の頃はPV一日三件とかでした。 サイトデザイン見やすくしないと!といじり始めたのも最近だし... 続きを読む
Bootstrap Studioはあなたのサイトデザインを爆速にする。 | TOACH
Bootstrap 4 alpha版が公開され、じわじわとBootstrap 4への期待が高まっている秋のこのごろ、皆さんはいかがお過ごしでしょうか? Bootstrap 4 alpha・Bootstrap Blog BootstrapがWeb制作に与えた影響は計り知れず、あまりHTMLやCSSに詳しくなくとも見た目の良いサイトが作れるようになった。 ……と、これはある程度開発が出来る人の話。 本... 続きを読む
美しい配色、デザインの参考にしたい!すごい無料UIコンポーネント素材まとめ - PhotoshopVIP
UIコンポーネント素材は、ウェブサイトやモバイルアプリを作成するときなど、ドラッグ&ドロップの直感的でシンプルな作業のみで、サイトデザインを完成させることができます。それぞれの素材は、プロデザイナーがピクセル単位にこだわり作成し、トレンドのデザインや配色などを採用しているので、高品質なデザインも特長です。 今回は、最近公開されたデザイン性の高い、無料UIコンポーネント素材をまとめてご紹介します。今... 続きを読む
カルーセルのUIは売り上げにつながるのか!? カルーセルデザインを考えるときに知っておきたい7つのこと | クリックテールブログ
世界で10万社が導入しているヒートマップツール「クリックテール(clicktale)」についての機能情報や活用事例などを紹介します! 大きくきれいな画像を横並びに使い、視覚に訴えるサイトデザインを実現できる「カルーセル」。見るからにカッコいいデザインなので、サイトのクオリティを上げるため「カルーセルパネル」を導入したサイトも数多くあるでしょう。 とは言え、この「カルーセルパネル」を使用するか否かと... 続きを読む
目線トラッキングデータからみるEコマースサイトのデザインガイドライン - GIGAZINE
By Matteo Penzo 実際に商品を手にとって眺め、使ってみることができる実在する店舗とは異なり、ネット上で商品を販売するEコマースサイトにおける顧客誘導には独自の手法が求められるものです。オンラインショップで商品を購入するユーザーは実際に何を見てどのような行動をとっているのか、そこから導き出される有効なサイトデザインのガイドラインがまとめられています。 cxpartners | What... 続きを読む
コンバージョン率251%アップを達成したデザインの変遷に学ぶA/Bテストの妙とは? - GIGAZINE
By Ken Teegardin いくつかの異なるサイトデザインを試してコンバージョン率を比べることで、より良いデザインをテストする「A/Bテスト」は、細かなデザイン変更を繰り返すことで思いがけない成果を上げる場合があり、サイト構築に活用されています。そのA/Bテストによってコンバージョン率251%アップを果たしたサイトにおけるデザインの変遷が公表されています。 Our homegrown A/B... 続きを読む
なぜ緊急時になるとデザインが崩れるのか : could
コンテンツ仕事 なぜ緊急時になるとデザインが崩れるのか サイトの運営へ割けるリソースが圧倒的に少ない Web サイトは、大企業にもあります。まだまだ Web サイトは張り紙看板と同じような見方をされているということだと思います。 本日話題になった銀行サイトの緊急メッセージ。このように緊急時になるとサイトデザインからかけ離れたコンテンツエリアを貼付けるサイトは少なくありません。 サイト運営は大事業 ... 続きを読む
ワンランク上のサイトデザインを目指して、Googleマップのカスタマイズに挑戦してみた! | 株式会社WEB企画スタッフブログ
今回は初めてGoogleマップのカスタマイズに挑戦したので、備忘録としてやり方をまとめました。 カスタマイズできると知ってはいるけど難しそうで試したことない人も多いはず…そんな方は是非チェックしてみてください! それではどうぞ! Googleマップのカスタマイズをする意味 実店舗があるお店のサイトにとって、そのお店の行き方や場所が分かるマップは重要なコンテンツだと思います。初めてお店に行きたい時に... 続きを読む
2013年に開いて直感的に素敵だな、すげーとおもったWebサイト大賞*ホームページを作る人のネタ帳
2013年に開いて直感的に素敵だな、すげーとおもったWebサイト大賞 2013/12/20 ツイート スポンサーリンク というわけで本年度、すごいなとおもったWebサイトをご紹介。 先に15サイトを紹介したのち、最後に大賞5つを紹介します(大賞が5つもあることに関しては気にしないでください) αブログならぬ、αサイト!レッツスタート! ※サイトデザインは旬ものなので、時期を過ぎるとリンク切れ、デザ... 続きを読む
パララックスエフェクトを使った素敵Webサイトデザイン + チュートリアルまとめPhotoshopVIP |
最近の魅力的なWebデザイントレンドのひとつとして、パララックススクロールを利用したサイトデザインが人気です。 パララックスエフェクトは、複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメーションを得意としています。また、これまで3Dエフェクトに使われていたFlashに変わる、新しい表現アイデアでもあります。 海外デザインブログSplashnol... 続きを読む
Webデザインのスキルを磨こう!Webサイト模写のススメ | Webクリエイターボックス
先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います! 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインに... 続きを読む
HTML/CSS最短勉強法!素人が5日でWebサイトをデザインするためにやったこと|Monosyブログ
ツイート はじめに こんにちは。前々回「Webサイトを作りたい人へ。一歩踏み出すために知りたい3つのこと」の記事にて、Webサイトを作る前提のようなお話をしました。 そこで今回は具体的にHTML/CSSとサイトデザインに関する勉強法を書きたいと思います。 Webサイトを作る上で、デザインはどうしても避けては通れません。 HTML/CSSはプログラミングとして語られることが多いです。 僕がそうだった... 続きを読む
英語サイト指南役 日本人が作る英語サイトには、こんなに間違いが! あの有名企業にも? あの有名企業の英語サイトにも沢山のひどい誤りが
以上、御覧いただいたように、日本屈指の有名企業の英語版ウェブサイトであるにも関わらず、あまりにもお粗末な誤りが頻出しています。しかも上に挙げている例は、ほんの一部にすぎません。入念にチェックを行えば、同様の誤りが次々に見つかる可能性はかなり高いと思います。このままの状態では、世界市場に向けて自社をアピールするどころか、イメージダウンに繋がっていると言わざるを得ません。どんなにサイトデザインの方に力... 続きを読む
自分がロゴを作る時に意識してるポイント / Maka-Veli .com
こないだロゴを変えてサイトデザインも変えたわけですが、ロゴはもっともっともっと時間かけてやりたいところだったんですが、自分の性格上、それだといつまで経ってもやらないので一気に勢いでやりました。自分のブログですから、また気が向いたらマイナーチェンジを加えていく予定です。 自分のブログなんかでなく、お客さまのロゴ制作をする上で注意している点がいくつかありますので、今回はその辺りを書いてみようと思います... 続きを読む
センス抜群で見やすい。海外ファッションスナップのサイトまとめ - NAVER まとめ
センスが良く、写真のクオリティが高い「海外のファッション・スナップWEBサイト」をまとめました。コーディネートの参考や、ファッション写真の撮り方、サイトデザインの勉強にもなります。 更新日: 2012年12月17日RSS 続きを読む
紙のDIYアイデア・手作りがおしゃれな海外サイトまとめ - NAVER まとめ
封筒や箱、色紙などを使ったおしゃれなDIYアイデアが掲載されている海外のサイト・ブログをまとめました。見ているだけでいろんなアイデアを得ることができそうです。サイトデザインも見やすく、写真が豊富なサイトを中心にセレクトしています。 更新日: 2012年12月14日RSS 続きを読む
グラフィカルな写真コンテンツを効果的に見せる!ランダムな配置のグリッドレイアウトのサイトデザインをまとめました | Webデザインクリップ
最近海外のサイトデザインで、ランダムなブロックレイアウトのデザインをよく見かけます。 シンプルでいながら絶妙なバランスで並べられたパネルの中にコンテンツが入れられており、従来のグリッドレイアウトとは少し違っており、サイトの新しいデザインの様な印象を受けます。 一見シンプルなコンテンツを印象的に見せたいサイトや、ファッション系サイトなどグラフィカルな写真を見せたいサイトではJSなどでダイナミックな動... 続きを読む
センス抜群。おしゃれな文房具・ステーショナリーのWEBサイトまとめ - NAVER まとめ
文具・雑貨メーカー「株式会社ハイタイド」のオンラインショップ。ハイセンスな文房具が揃っています。サイトデザインもシンプルなので、文房具のデザインが分かりやすいです。スタッフの方の「手帳の使い方」コーナーも参考になります。 続きを読む
PhotoshopでWebサイトのデザインをしよう | Webクリエイターボックス
2012年10月09日 Webサイト制作, Webデザイン 「連載!実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまった... 続きを読む
WPtouchをやめてiPhone用にモバイルテーマを個別に設定してみた。WordPressプラグイン「WPtap Mobile Detector」 | norirow's Diary
このブログのモバイル用ページ(iPhoneなどで見た時のデザイン)に長らく WPtouch を使ってきたんですが、先日のアップデートで思うようにカスタマイズできなくなったので、ちょっと別のテーマにしてみました。 ずっと気になってたんですよね、WPtouch のままでいいのかどうか…。 だってみんな同じなんだもん。:゚(;´∩`;)゚:。 自分でオリジナルのサイトデザインとかできればいいんだけどね…... 続きを読む
文字で高級感を伝えるには?!様々なタイポグラフィエフェクトと背景から成る印象色々!(PSDデータ付き) | バンクーバーのWEB屋
『高級感ある感じの文字でデザインしてみてください』…何百何千回と言われてきたであろうサイトデザインに対する一要望。 最近だとミニマルデザインが流行している感もあって、タイポグラフィの重要性も変わってきている気がするんですよね。最もユーザーに伝えたいことを最強調、シンプルにまとめ伝えるためのミニマルデザイン。必然的にサイトイメージをタイポグラフィが左右しているデザインも多いように感じます。 というわ... 続きを読む