モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！　-ちょっと詳しいモバイルサイトの作り方-

2008/07/07 1798 users Tips モバゲー デファクトスタンダード 作り方 携帯サイト

当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、... 続きを読む

センス抜群で見やすい。海外ファッションスナップのサイトまとめ - NAVER まとめ

2012/12/17 1053 users クオリティ コーディネート ファッション NAVER 勉強

センスが良く、写真のクオリティが高い「海外のファッション・スナップWEBサイト」をまとめました。コーディネートの参考や、ファッション写真の撮り方、サイトデザインの勉強にもなります。 更新日: 2012年12月17日RSS 続きを読む

無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE

2006/06/26 882 users 総数 よりどりみどり GIGAZINE オープンソース 全部

オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7design... 続きを読む

PhotoshopでWebサイトのデザインをしよう | Webクリエイターボックス

2012/10/09 787 users Photoshop 実寸 グラフィックツール 連載 ツール

2012年10月09日 Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまった... 続きを読む

Webデザインのスキルを磨こう！Webサイト模写のススメ | Webクリエイターボックス

2013/10/14 682 users Webクリエイターボックス ススメ スキル webデザイン

先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインに... 続きを読む

一流のサイトデザインを一から作成する手順集:phpspot開発日誌

2008/08/17 599 users phpspot開発日誌 Photoshop 一流 クール

The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout G... 続きを読む

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌

2011/02/23 573 users phpspot開発日誌 デザインギャラリー iPhon 参考

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhon... 続きを読む

Photoshop無料ブラシで簡単にサイトの背景を描いてみる - DesignWalker

2008/04/29 559 users チュートリ DesignWalker チュートリアル 背景

毎回、かなりクオリティの高いPhotoshopのチュートリアルを公開されているPSDTUTSさんで、先日紹介されていたチュートリアルから。 Create a Sleek, High-End Web Design from Scratch こちらのチュートリアルでは、Go Media’s Arsenalで公開されている、無料のテクスチャ画像を背景に使って、簡単にハイエンドなサイトデザインのチュートリ... 続きを読む

wordpressにレコメンドエンジンを入れサイトデザイン調整したらサイトの収益率が２倍くらい改善した件 | A!@attrip

2011/11/04 521 users attrip Flickr WordPress ボク 収益率

ぼくのwordpressにレコメンエンジンを入れて調整したらサイトの収益率が２倍くらい改善しました！ ってことを書いてみようかと思います。 ８月までは、レコメンドエンジンを入れていません。 (via Untitled | Flickr – Photo Sharing!) 正確には、無料のレコメンドエンジンは、いれていた。 入れていたレコメンドエンジンは、 http://www.linkwithin... 続きを読む

自分がロゴを作る時に意識してるポイント / Maka-Veli .com

2013/02/28 475 users マイナーチェンジ Maka-Veli .com 勢い ロゴ

こないだロゴを変えてサイトデザインも変えたわけですが、ロゴはもっともっともっと時間かけてやりたいところだったんですが、自分の性格上、それだといつまで経ってもやらないので一気に勢いでやりました。自分のブログですから、また気が向いたらマイナーチェンジを加えていく予定です。 自分のブログなんかでなく、お客さまのロゴ制作をする上で注意している点がいくつかありますので、今回はその辺りを書いてみようと思います... 続きを読む

Bootstrap Studioはあなたのサイトデザインを爆速にする。 | TOACH

2015/10/31 442 users TOACH 爆速 Bootstrap Studio あなた

Bootstrap 4 alpha版が公開され、じわじわとBootstrap 4への期待が高まっている秋のこのごろ、皆さんはいかがお過ごしでしょうか？ Bootstrap 4 alpha・Bootstrap Blog BootstrapがWeb制作に与えた影響は計り知れず、あまりHTMLやCSSに詳しくなくとも見た目の良いサイトが作れるようになった。 ……と、これはある程度開発が出来る人の話。 本... 続きを読む

スマートフォン向けのサイトデザインでとっても大切な5つのポイント | コリス

2012/01/22 427 users コリス スマートフォン向け ポイント 5つ

下記は各ポイントを意訳したものです。 有意義なナビゲーション コンテンツ フィードバック 明確なブランディング たくさんのスペース 有意義なナビゲーション スマートフォンにおいて、スクリーン上のクリック（つまりタップ）無しに使うことは考えられません。ナビゲーションはユーザーが必要とすることが得られるように、明確な進路を与えるべきです。 ナビゲーションで重要なことは二つ。 まず、ナビゲーションが視覚... 続きを読む

nanapiのデザインプロセス（その１） - エスカフラーチェLLC

2009/09/11 418 users nanapi けんすうさん けんすうこと古川健介さん ナナピ

9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん（以下、けんすうさん）から ：HOWTOサイトをつくりたいからデザインを依... 続きを読む

サイトデザインを素敵にするアイコン集 - １８７７個のフリー素材をまとめてみた。

2010/08/11 414 users アイコン集 フリー素材 デザインアイコン アイコン RSS

今回はネット上に無数にあるアイコンの中から 使えそうなデザインアイコンをまとめてみました♪ アイコンひとつでサイトデザインも変わるので ウェブサイトを運営している人はぜひお役立てください。 １，反射したデザインのアイコン２００個 ダウンロードはこちらのサイトから ２，白黒のクールなアイコン５２個 ダウンロードはこちらのサイトから ３，ツイッターやRSSなどのソーシャルアイコン２３個 ダウンロードは... 続きを読む

どういうときにAmazon使うのか分からない

2017/11/18 377 users Amazon 形態 荷物 ボックス レビュー

買いたい商品が決まってて通販を使う場合は公式のネットストアで買うし、 決まってないときは通販を使わずに実店舗で吟味して買うじゃん。 Amazonってサイトデザインがごちゃごちゃしてて欲しい商品を探しづらいし。 何かよく分からん業者のよく分からん商品が大量に並んでてレビューも参考にならんし。 そもそも通販という形態は荷物受け取りとか面倒だし（受け取りボックスとかあれば別なのかもしれんが）。 挙句に昨... 続きを読む

デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集:phpspot開発日誌

2009/07/30 375 users 沢山 phpspot開発日誌 参考 デザイン集 話題

最近話題になった、デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集をまとめてみました。 沢山にあるのですが、参考にできそうなものばかりです。 サイトデザイン・サイトの特定部分のデザイン集 15 Creative WordPress Header Designs | Web Design Tutorials | Creating a Website | Learn Adobe Flash,... 続きを読む

WEBサービス100選 日本で有名でないおもしろサービス part2

2009/05/21 366 users おもしろサービス part2 日本 前回 求人

前回の記事の続き ということで、海外で有名で日本ではあまり知られてないんじゃないかなと思うものを紹介。 ■商業カテゴリ ・craigslist.org 全世界の無料オンライン広告案内サービスかな。 世界中のエリアから都市名を選ぶと すごい量のカテゴリーが出てて、そのカテゴリーに広告が無料で書き込めるというものかな。 ・Elance 求人・求職サイトかな。サイトデザインが日本の求人サイトと違って斬新... 続きを読む

美しい配色、デザインの参考にしたい！すごい無料UIコンポーネント素材まとめ - PhotoshopVIP

2015/08/04 356 users 参考 モバイルアプリ デザイン 配色 ピクセル単位

UIコンポーネント素材は、ウェブサイトやモバイルアプリを作成するときなど、ドラッグ＆ドロップの直感的でシンプルな作業のみで、サイトデザインを完成させることができます。それぞれの素材は、プロデザイナーがピクセル単位にこだわり作成し、トレンドのデザインや配色などを採用しているので、高品質なデザインも特長です。 今回は、最近公開されたデザイン性の高い、無料UIコンポーネント素材をまとめてご紹介します。今... 続きを読む

プロのサイトデザイン方法を作って学べる手順集:phpspot開発日誌

2008/11/04 347 users Photoshopチュートリアル集 プロ

35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Website Design Photoshop is an excellent tool for creating attract websites. プロのサイトデザイン方法を作って学べる手順集。 次のようなサイトデザインのPhotoshopチュートリアル集です。... 続きを読む

英語サイト指南役　日本人が作る英語サイトには、こんなに間違いが！　あの有名企業にも？ あの有名企業の英語サイトにも沢山のひどい誤りが

2013/03/21 336 users 自社 沢山 日本屈指 イメージダウン 英語版ウェブサイト

以上、御覧いただいたように、日本屈指の有名企業の英語版ウェブサイトであるにも関わらず、あまりにもお粗末な誤りが頻出しています。しかも上に挙げている例は、ほんの一部にすぎません。入念にチェックを行えば、同様の誤りが次々に見つかる可能性はかなり高いと思います。このままの状態では、世界市場に向けて自社をアピールするどころか、イメージダウンに繋がっていると言わざるを得ません。どんなにサイトデザインの方に力... 続きを読む

SEOを意識したサイトデザインとは » 【パシのSEOブログ】

2009/10/26 331 users レイアウト テンプレート Yahoo SEO対策 Google

Yahoo!とGoogleの上位表示でアクセスアップ！！SEO対策について初心者の方にも分かりやすく解説します。 完成したサイトにSEO対策を施すよりも、始めからSEOを考えて制作を行った方が効率も良く、バランスの取れたサイトが出来上がります。 基本となるデザインレイアウト 上図はネットで配布されているテンプレートなどで良く見かけるデザインですが、SEOを意識した簡易的なレイアウトとなるとどうして... 続きを読む

HTML/CSS最短勉強法！素人が5日でWebサイトをデザインするためにやったこと｜Monosyブログ

2013/06/19 327 users Monosyブログ HTML CSS 素人 プログラミング

ツイート はじめに こんにちは。前々回「Webサイトを作りたい人へ。一歩踏み出すために知りたい3つのこと」の記事にて、Webサイトを作る前提のようなお話をしました。 そこで今回は具体的にHTML/CSSとサイトデザインに関する勉強法を書きたいと思います。 Webサイトを作る上で、デザインはどうしても避けては通れません。 HTML/CSSはプログラミングとして語られることが多いです。 僕がそうだった... 続きを読む

センス抜群。おしゃれな文房具・ステーショナリーのWEBサイトまとめ - NAVER まとめ

2012/11/30 322 users 文具 ステーショナリー 手帳 NAVER 文房具

文具・雑貨メーカー「株式会社ハイタイド」のオンラインショップ。ハイセンスな文房具が揃っています。サイトデザインもシンプルなので、文房具のデザインが分かりやすいです。スタッフの方の「手帳の使い方」コーナーも参考になります。 続きを読む

フリーのCSSテンプレート＆テンプレート配布サイトまとめ:phpspot開発日誌

2007/01/17 246 users phpspot開発日誌 レイアウト CSSテンプレート集

Free CSS Layouts And Templates | Smashing Magazine As a web-developer you don’t have to re-invent the wheel all the time.フリーのCSSテンプレート＆テンプレート配布サイトまとめ。 いろんなXHTMLテンプレートやレイアウトのためのCSSテンプレート集。 サイトデザインに役立ちそ... 続きを読む

ブログのレイアウトいろいろ - DesignWalker

2007/11/21 205 users DesignWalker CSS Layouts 最初 要素

ブログやサイトをデザインする際、おそらく最初に悩むレイアウト。 どの要素をどの位置に配置するか？いろいろと悩んでしまいますね。 っちゅうわけで、本日はブログやサイトデザインに使えるレイアウトをまとめてみました。 【レイアウト・サンプル】 まずは、レイアウト・サンプル集。基本はこちらからどうぞ～。 1. CSS Layouts - Code-Sucks.com 続きを読む