コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはSTUDIOだけです。
飲み口が広いって大事な気がします。 ぐびぐび飲みまくれるほうが、水分補給がはかどるというもの。そしてパッキンがないのもいいですね。もう、世の中からパッキンを減らして欲しい限りです。
バングラデシュ・ネパールのフェアトレード雑貨専門店。 フェアトレードを通じて南アジアの人々の自立を支援しています。
レスポンシブWebデザイン案件のワークフローが従来通りではなさそうなことはなんとなくわかる。 でも、デザインなしでいきなりコーディングだとか、コーディングしながらデザインだとかは、Webにあまり詳しくないクライアントさんのお仕事で、デザイナーとコーダーも分業体制、という状況では、なかなか実現できない…… という、恐らく受託サイト制作では一般的であろうシチュエーション。 そんなときに、比較的スムーズにレスポンシブWebデザイン案件を進められるだろうフローを考えてみました。 ■最初にレイアウトパターンを絞る 画面設計の最初の段階で、サイト内のレイアウトパターンを決めます。 3パターンに収まるのが理想です。 メインページ:ヘッダ/フッタ、ナビゲーション、メインコンテンツ ┗見出し複数レベル、本文、箇条書き、表、画像配置例、リンク・ボタン例 付き 一覧系ページ:ヘッダ/フッタ、ナビゲーション、メイ
Tweet Pocket ランディングページのデザインはコンバージョンを左右する大きな要素だ。 しかし、常にゼロからデザインやレイアウトを考えていると、どれだけ時間があっても足りない。 そのため、あらかじめ使い勝手の良いランディングページテンプレートを用意しておくと便利だ。 なぜなら、結果の出るランディングページの型を用意しておくことで、業務のスピードアップが可能になるだけでなく、安定したコンバージョンをだすことができるからだ。 そこで、本日は、参考になるランディングページテンプレートを10個ご紹介する。 全て10ドル以下という低価格で手に入れることが出来る。また、この中のいくつかは、私も実際に使ったことのあるものだ。 1.Click & Play デモサイト Click & Playは、iPhoneやAndoroidアプリに適したランディングページテンプレートだ。 シンプルなコードで書か
新しいプレミアムテーマ「Newsy」はコーポレートサイトやニュースサイトなど幅広い用途に適したテーマで、10種類の異なるレイアウト、4つのフッター、リンク色とアクセントカラーの選択、そしてカスタムヘッダーといったオプションが含まれています。ブランディングやコンテンツに力を注ぎたいサイト編集チームの皆さんには、このテーマをきっと気に入ってもらえるはずです。 Themify によってデザインされた Newsy は、柔軟性のあるカスタマイズオプションが特徴です。サイトのサイドバーの位置、ホームページ・アーカイブページのレイアウト、そしてナビゲーションメニューや検索ボックスの表示などを簡単に調整できます。 また、サイト全体のリンク色やアクセントカラーの変更もできるようになっています。設定画面からちょっと手を加えるだけで、他のサイトとの差別化を行えるはずです。
にぎり長次郎という、だいたい1皿400円前後の回転寿司のお店のお話です。 回転ベルトコンベアに面してないテーブル席もあって、そこではiPadで注文をする。 最初はおおーって思ってたけど触れば触るほど最悪だった。 まずメニューがいまいちいけてなくて、上側のメニューは上の写真のトップと同じで、左側には寿司の種類が出てる。同じような色でくっついててわかりづらい。寿司の種類も、まぐろとか日本語で書くだけじゃなくて画像を置くとかしたほうがいい。はまちが何処か一瞬で分からないし、三昧が何かも分からない。鮮魚とかだいたい全部鮮魚だろうがクソがって思いながら操作してた。 値段の表示、回転寿司は皿の色で値段が分かるっていう日本が誇るべき文化があるのに480円とか数字で書いてて最悪だと思った。皿の色がしょぼいオレンジみたいなのは安くて、和紙みたいな模様があったり金色とか黒が出てくると高い、直感的に分かる。これ
スマートフォンの普及を背景に、「レスポンシブWebデザイン」(Responsive Web Design)という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか? 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
前回の記事は世界中のデザイナーに格安でロゴなどを作ってもらえる「DesignCrowd」がすごい - Startup Realityです。先にこちらをご覧いただければ幸いです。弊社の会社ロゴ兼サービスロゴはこのDesignCrowdで作りました。 今日はこのとっても便利なDesignCrowdの使い方をチュートリアル形式で説明しようと思います。流れの中でDesignCrowdの細かい仕組みも説明していきます。*1 私はロゴデザインを頼んだので、その流れで説明します。基本的には他のデザインでも変わらないと思います。 デザインコンテスト開催の流れ コンテストを開催する 賞金を決定する プロジェクト詳細を記述する オプションを選択する 開催費、賞金、オプション料金を保証金として入金する(デポジット制) コンテスト開催中 特定のデザイナーを招待する(オプション) デザイナーに改訂をお願いする コン
なんだか前にもこういうまとめを紹介しましたが、また良くまとまっているのがあったのでご紹介。 Web design scratchのサイトで「Web 2.0 how-to design guide」なるまとめがありました。 » Web 2.0 how-to design guide 15の項目でまとめられていますね。 Simplicity(とにかくシンプルに!) Central layout(真ん中に寄せるレイアウトで) Fewer columns(段組は少なめに) Separate top section(トップ部分は分けて目立たせよう!) Solid areas of screen real-estate(レイアウトにはメリハリをつけて) Simple nav(ナビゲーションはシンプルに!) Bold logos(ロゴは大きめに!) Bigger text(フォントも大きめに) Bold
ED治療薬(勃起薬)は様々な違いがあります。持続時間、作用時間、効果の強さ、食事の影響などの比較をご紹介しています。 サイトマップ ED治療薬(勃起薬)の比較・違い ED治療薬(勃起薬)は、現在のところ4種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、食事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬! バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか? バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療
We are a global design consultancy. We create impact through design. What We Have Done Lately Featured Projects Productos Cementeros Mexicanos : Service Concepts and Organizational Transformation : : : : : : : : : : Learn More In addition to traditional design work, we increasingly address environmental and social impact, health and wellness, communities, and branded experiences. See our latest NE
“Silk” is a smooth, free icon set, containing over 700 16-by-16 pixel icons in strokably-soft PNG format. Containing a large variety of icons, you're sure to find something that tickles your fancy. And all for a low low price of $0.00. You can't say fairer than that. Current version: 1.3. View all icons (.png file, 1Mb) Download License I also love to hear of my work being used, feel encouraged to
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く