タグ

webdesignとideaに関するasiamothのブックマーク (11)

  • 世界3,200万ダウンロード、単月黒字化も達成。フリマアプリ「メルカリ」が語るマーケティング、検索結果にあえて「売り切れたモノ」を置いている理由。 | アプリマーケティング研究所

    世界3,200万ダウンロード、単月黒字化も達成。フリマアプリ「メルカリ」が語るマーケティング、検索結果にあえて「売り切れたモノ」を置いている理由。 今回は、日米3,200万ダウンロードのフリマアプリ「メルカリ」を取材しました。 ※株式会社メルカリ 取締役 濱田優貴さん(左)、プロダクトマネージャー 山久智さん(右)、広報 中澤理香さん 「メルカリ」について 「メルカリ」についておしえてください。 濱田: 誰でもかんたんに売り買いできる「フリマアプリ」です。ダウンロード数としては世界3,200万ダウンロード(日 2,500万、アメリカ 700万)です。OSで見ると、iOSのほうがすこし多いですね。 月次の流通額としては100億円を超えていて、会社としても単月で黒字になっています。(手数料が10%なので、会社の売上は月10数億円くらい) 中澤: いまスタッフは250名になりました。東京に1

    世界3,200万ダウンロード、単月黒字化も達成。フリマアプリ「メルカリ」が語るマーケティング、検索結果にあえて「売り切れたモノ」を置いている理由。 | アプリマーケティング研究所
    asiamoth
    asiamoth 2016/03/16
    この記事自体も興味深い上に、説明の画像が非常に分かりやすい! 意味不明な写真をデカデカと貼り付けるブログは見習って欲しい。
  • ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ

    ウェブデザインのセンスを磨く方法の一つに、他人の作ったものを数多く見ることがあります。 2011年が終わる前に、チェックしておきたいUIデザインをdribbleから紹介します。

    asiamoth
    asiamoth 2011/11/26
    dribble は毎日見て、センスを磨こうとしています! ぱっと見は素っ気ないくらいシンプルだけれど、どれも「1px のこだわり」を感じさせるデザインです。じつは、簡単にはマネできない。
  • リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。

    こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック

    リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
    asiamoth
    asiamoth 2011/11/13
    いや、MAX 塗り(の黒立ち上げ法)は、ベースを真っ黒にしてから中心部に白を重ねるため「エッジのほうが黒く」なります。だから立体感を強調できる。 この例だと、たんに「ぼんやりグラデーション」ですよね。
  • SVGのフィード・アイコン

    背景を完全に透明にして白い丸と円弧の部分だけのフィード・アイコンを作ってみました(上の画像は背景がオレンジ色になっていますが、CSSで背景色を指定しているだけです)。Wikimedia CommonsにあるSVGアイコンをエディタでいじっただけですけどね。SVGファイルのソースにコメントとして書いてあるように元ファイルと同じくMPL/GPL/LGPLのトリプル・ライセンスです。 Demo: SVG Feed Icon SVGファイルのソースはデモ・ページの最後に載せてあるのでそれをHTMLファイルにコピペしても良いですし、普通にドラッグ・アンド・ドロップや右クリックで保存してimg要素で参照しても良いでしょう。このページやデモ・ページではData URIスキーム化したものを直接使っています。500バイト強の小さなものなのでData URIスキーム化して使うのが良いと思います。 アイコンの丸

    SVGのフィード・アイコン
    asiamoth
    asiamoth 2011/11/07
    手軽で軽量・CSS で自在にカスタマイズできるという、良いことずくめのアイデアですね! しかし、あるブラウザだけが「いえ(IE)、表示できません!」と言う……(プラグインがない場合)。
  • Borders on responsive images – CSS Wizardry

    31 July, 2011 Borders on responsive images Written by Harry Roberts on CSS Wizardry. Table of Contents Demo This is a quick-tip type post, nothing major but a simple and effective tip for getting responsive borders on responsive images in your responsive designs. As we know all too well, we can’t specify borders as percentages. This is a major annoyance if you’re working (or attempting to work) la

    Borders on responsive images – CSS Wizardry
    asiamoth
    asiamoth 2011/08/09
    画面の大きさに応じた枠を画像に付けるため、border ではなく padding + background を使うというアイデア。レスポンシブなデザインにピッタリ!
  • スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ - かちびと.net

    スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
    asiamoth
    asiamoth 2011/07/07
    スクロールすると仕掛けがあるページを紹介している。 「パララックス効果」用の jQuery プラグインやチュートリアルまで説明していて素晴らしい! 100 回ブクマした(ら怒られるで)!
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    asiamoth
    asiamoth 2011/05/24
    時間帯によってタブの内容を変えるのは、面白いアイデアだな。ブログだと「関連する記事」の部分に使えそう。
  • ethertank.jp

    ethertank.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    asiamoth
    asiamoth 2011/05/13
    CSS3 の背景グラデーションを利用して、先が細くなった「ように見える」線を描く(実際はずっと 1px)。hr 要素にも使えそうだ。
  • Solarized

    Note: SITE RESTORATION IN PROGRESS Solarized Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has

    Solarized
    asiamoth
    asiamoth 2011/04/08
    目に優しい背景色・文字色の配色例。背景色は黒(ブルー・ブラック)系と白系の 2 種類あり。とくにアクセント・カラーの 8 色がセンス良いね!
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    asiamoth
    asiamoth 2010/12/04
    これは、すごく発展性があるアイデアだな。工夫して導入しよう。/ 「10 年前から日本で──」とかケチをつける人がいるけれど、センテンス単位のリンクやハイライトはなかったはず。「再」発明を評価するべき。
  • ウェブデザインのクオリティをアップする7つのポイント | コリス

    ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも大切ですが、そのエレメントにどのようにスペースを与えるか充分に考慮する必要があります。 充分なスペース

    asiamoth
    asiamoth 2009/04/26
    翻訳の熱心さに頭が下がる。いろんなアイデアがあるなー。
  • 1